Chart.js como Solución Gráfica al Comportamiento de Datos

Violeta Martínez Ramírez; Margarita Raquel García Sierra; José Edgar López Aburto; Héctor Cuanalo Bautista; José Abraham Martínez Villegas

doi:10.61117/ipsumtec.v8i1.354

Autores/as

Violeta Martínez Ramírez Tecnológico Nacional de México https://orcid.org/0000-0003-1518-786X
Margarita Raquel García Sierra Tecnológico Nacional de México https://orcid.org/0000-0003-3965-0732
José Edgar López Aburto Tecnológico Nacional de México https://orcid.org/0009-0002-5046-7955
Héctor Cuanalo Bautista Tecnológico Nacional de México https://orcid.org/0009-0005-4937-7831
José Abraham Martínez Villegas Tecnológico Nacional de México https://orcid.org/0009-0007-4270-7003

DOI:

https://doi.org/10.61117/ipsumtec.v8i1.354

Palabras clave:

Gráfico, patrones, tendencias, web

Resumen

El presente trabajo computacional desarrollado bajo tecnología web, hace uso de la herramienta de JSChart para crear gráficos en tiempo real de los valores recolectados de datos financieros para ser analizados por medio de imágenes dentro de una unidad de negocio. Para ArcGis Pro [1] un gráfico permite la visualización de datos que facilitara conocer tendencias, puntos críticos, relaciones, entre otros. La exploración de la información por medio de gráficos personalizados permite señalar, destacar los valores extremos y comprender mejor los patrones. Así pues, un análisis más detallado de una gran cantidad de datos mejora su precisión a la hora de la toma de decisiones.

Según PayFit [2], los informes y gráficos son de gran utilidad para llevar al día la contabilidad de empresas y ayudar a las áreas de finanzas en sus tareas como incrementar desempeño empresarial y el rendimiento del personal. Para los altos ejecutivos proporciona una visión integral del negocio al instante.

Descargas

Los datos de descargas todavía no están disponibles.

Métricas

Cargando métricas ...

Biografía del autor/a

Violeta Martínez Ramírez , Tecnológico Nacional de México

La Dra. Violeta Martínez Ramírez con estudios en Ingeniería en sistemas Computacionales en Programación, Maestría en Ciencias de la Educación y Doctorado en Educación es docente del departamento de Sistemas y Computación del Instituto Tecnológico de Puebla impartiendo materias principalmente de Programación en la Ingeniería en T. I. y C., Perfil Deseable PRODEP ( 2020), líder del Cuerpo Académico “Computación Aplicada” ( 2021) y Jefa de Proyectos de Vinculación (2020).

Margarita Raquel García Sierra, Tecnológico Nacional de México

La Maestra Margarita Raquel García Sierra estudio la licenciatura en Arquitectura y la Maestría en Ingeniería Administrativa, es docente en el departamento de Ciencias Básicas y del departamento de Ciencias Económico y Administrativas del Instituto Tecnológico de Puebla desde hace más de 20 años.

José Edgar López Aburto, Tecnológico Nacional de México

Lic. Edgar López Aburto Docente de Computación a nivel bachillerato de 2000 a 2002 en el Liceo Serdán así como en UPAEP; Director del Instituto de CompuInglés de Oriente Plantel Cuernavaca de 2002 a 2004, 2004 a 2006 en el Plantel Cholula. En 2007 Coordinador de Servicios de Cómputo en el Departamento de Centro de Cómputo, en el año 2008 Docente del Departamento de Ciencias Básicas al 2019 y de 2019 a la fecha en el Departamento de Ingeniería Industrial.

Héctor Cuanalo Bautista, Tecnológico Nacional de México

El Lic. Hector Cuanalo Bautista es Jefe del Departamento de Sistemas y Computación del Instituto Tecnológico de Puebla desde hace 8 años, con 30 años de experiencia docente impartiendo clases de Estructura y Organización de Datos, Base de Datos, Sistemas Operativos entre otras. Pertenece al cuerpo directivo del ITP con más de 20 años en diferentes puestos como Jefe del Centro de Información, Jefe de Recursos Humanos, Jefe del Centro de Cómputo y Jefe del depto. de Sistemas y Computación.

José Abraham Martínez Villegas, Tecnológico Nacional de México

El estudiante José Abraham Martínez Villegas está inscrito a la Ingeniería en Tecnologías de la Información y Comunicaciones en el Instituto Tecnológico de Puebla cuyas afinidades computacionales están inclinadas hacia el análisis de sistemas desarrollo web gráfico.

Citas

esri (2924). ¿Qué es un gráfico? Disponible https://pro.arcgis.com/es/pro-app/latest/help/analysis/geoprocessing/charts/what-is-a-chart-.htm

PayFit (2023). ¿Cuál es la importancia de los informes y gráficos en una empresa? Disponible en https://payfit.com/es/contenido-practico/informes-y-graficos/

Escuela de datos (2019). Lo bueno, lo malo, lo geek. 10 librerías de código para resolver tus proyectos de visualización de datos. Disponible en https://es.schoolofdata.org/2019/04/22/lo-bueno-lo-malo-lo-geek-10-librerias-de-codigo-para-resolver-tus-proyectos-de-visualizacion-de-datos/index.html

Microsoft .net (2024). Aplicaciones web ASP.NET. Disponible en https://dotnet.microsoft.com/es-es/apps/aspnet/web-apps

JS Chart (2024). Biblioteca de gráficos JavaScript simple pero flexible para la web moderna. Disponible en https://www.chartjs.org/

González Servant, E. (2010). Análisis de Contenidos Web mediante Informes Dinámicos.

Sánchez, M. R. P. (2007). Título: SISTEMA GENERADOR DE MAPAS TEMÁTICOS Y GRÁFICOS ESTADÍSTICOS (Doctoral dissertation, Universidad de las Ciencias Informáticas). Disponible en https://repositorio.uci.cu/bitstream/ident/TD_0468_07/1/TD_0468_07.pdf

Gonzales Apaza, P. (2017). Sistema Web de generación de reportes gerenciales de indicadores financieros de responsabilidad social para" Bolivia Tech Hub" (Doctoral dissertation). Disponible en https://repositorio.umsa.bo/bitstream/handle/123456789/12911/T.3324.pdf?sequence=1&isAllowed=y

Cabrera Martínez, A. (2017). Módulo de procesamiento estadístico para el apoyo a la toma de decisiones del motor de búsqueda orión (Bachelor's thesis, Universidad de las Ciencias Informáticas. Facultad-1). Disponible en https://repositorio.uci.cu/handle/123456789/7657

Cma. (2023). Google Lighthouse, todo lo que debes saber. Cma. https://cmacomunicacion.com/google-lighthouse-todo-lo-que-debes-saber/

TopTal Developers (2024). Gráficos 3D: Un Tutorial de WebGL. Disponible en https://www.toptal.com/javascript/graficos-3d-un-tutorial-de-webgl

envato tuts+ (2024). Crea una tabla gráfica de barras 3D animada. Disponible en https://code.tutsplus.com/es/crea-una-tabla-grafica-de-barras-3d-animada--net-24831t

UNIR (2025). Gráficos estadísticos: tipos e importancia en la comunicación de datos. Disponible en https://colombia.unir.net/actualidad-unir/graficos-estadisticos/#:~:text=Los%20gr%C3%A1ficos%20estad%C3%ADsticos%20son%20potentes,la%20evoluci%C3%B3n%20de%20distintas%20variables.

becolve (2022). Transformando los datos en conocimiento: las principales ventajas de la visualización de datos. Disponible en https://becolve.com/blog/transformando-los-datos-en-conocimiento-las-principales-ventajas-de-la-visualizacion-de-datos/

scientologycourses.org (2025). Las Tendencias de Estadísticas y Su Significado. Disponible en

https://www.scientologycourses.org/es/tools-for-life/conditions/steps/statistic-trends-and-their-meaning.html