Despliegue de gráficos en una página web

Existen algunos frameworks en Javascript que te permiten desplegar de manera sencilla gráficos en una página web para el análisis de datos. Los frameworks utilizan un modelo de anotación para modelos creados para Javascript llamado JSON, el cual te permite organizar información en forma de lista y objetos de programación con sus respectivos métodos. 

Se realiza de este modo para su fácil procesamiento. Para usar uno de estos frameworks y visualizar una gráfica de datos en una página web, debes realizar lo siguiente:

• Asegurar el funcionamiento adecuado de tu servicio de Internet en tu PC, para poder tener una página web localmente.
• Importar la librería del framework al archivo HTML de la página web, ya sea mediante la dirección web o descargando el archivo .js.
• Agregar la siguiente línea dentro del body, la cual crea un elemento del tipo div con la clase container para especificar las medidas con propiedades de estilo.
• Crear e importar un archivo de Javascript donde vas a implementar las funciones del framework para desplegar una gráfica. Observa la estructura de la función.
• La 1° línea indica que una vez que se abra la página esta función iniciará.
• La 2° línea permite buscar y leer los datos de un archivo .csv dentro de la carpeta de la página web.
• La 3° línea llama e inicia la función para crear la gráfica dentro del elemento con la clase container. Dentro de esta función se configuran los elementos de la gráfica en forma de una estructura JSON, que enlista lo siguiente:
• Título.
• Subtítulo.
• Datos. Aquí se indica que la información proviene del archivo .csv.
• Opciones de Gráfico. Inhabilitada de forma predeterminada para no sobrecargar los gráficos con innecesaria.
• Opciones y color de línea en los gráficos. 

Para visualizar a tu página web ingresa la URL local en tu navegador de Internet.

Fuente:
Fundación Carlos Slim – Curso Analista de Datos.