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

Authors

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

DOI:

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

Keywords:

Chart, patterns, trends, web

Abstract

The present computational work developed under web technology, makes use of the JSChart tool to create real-time graphs of the values collected from financial data to be analyzed through images within a business unit. For ArcGis Pro [1] a graph allows the visualization of data that will make it easier to know trends, critical points, relationships, among others. Exploring information through custom charts allows you to pinpoint, highlight outliers, and better understand patterns. Thus, a more detailed analysis of a large amount of data improves its accuracy when making decisions.

According to PayFit [2], reports and graphs are very useful for keeping company accounting up to date and helping finance areas in their tasks such as increasing business performance and staff performance. For senior executives, it provides a comprehensive view of the business instantly.

Downloads

Download data is not yet available.

Metrics

Metrics Loading ...

Author Biographies

Violeta Martínez Ramírez , National Technological Institute of Mexico

Dr. Violeta Martínez Ramírez with studies in Computer Systems Engineering in Programming, Master in Educational Sciences and Doctorate in Education is a professor in the Systems and Computer Science department of the Instituto Tecnológico de Puebla teaching subjects mainly in Programming in IT and Computer Engineering, PRODEP Desirable Profile (2020), leader of the Academic Body “Applied Computing” (2021) and Head of Projects of Linkage (2020).

Margarita Raquel García Sierra, National Technological Institute of Mexico

Margarita Raquel García Sierra has a Bachelor's degree in Architecture and a Master's degree in Administrative Engineering. She has been teaching in the Basic Sciences Department and the Economic and Administrative Sciences Department at the Instituto Tecnológico de Puebla for more than 20 years.

José Edgar López Aburto, National Technological Institute of Mexico

Edgar López Aburto Computer Science teacher at the high school level from 2000 to 2002 at Liceo Serdán and at UPAEP; Director of the Instituto de CompuInglés de Oriente Plantel Cuernavaca from 2002 to 2004, 2004 to 2006 at Plantel Cholula. In 2007 Coordinator of Computer Services in the Department of Computer Center, in the year 2008, he taught in the Department of Basic Sciences until 2019 and from 2019 to date in the Department of Industrial Engineering.

Héctor Cuanalo Bautista, National Technological Institute of Mexico

Hector Cuanalo Bautista is Head of the Systems and Computing Department of the Instituto Tecnológico de Puebla since 8 years ago, with 30 years of teaching experience teaching classes of Data Structure and Organization, Data Base, Operating Systems among others. He has more than 20 years of experience in different positions such as Head of the Information Center, Head of Human Resources, Head of the Computer Center and Head of the Systems and Computing Department.

José Abraham Martínez Villegas, National Technological Institute of Mexico

The student José Abraham Martínez Villegas is enrolled in the Engineering in Information and Communication Technologies at the Instituto Tecnológico de Puebla whose computational affinities are inclined towards systems analysis and graphic web development.

References

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