Lab ChartJS front

Objetivo

Diseñar cinco gráficos a través de la librería ChartJS (utilizar la versión 3). Los datos son actualmente obtenidos mediante fetch de la API de montañas rusas.

Materiales

Se provee la base de trabajo con el HTML y el CSS resueltos, asi como diversos scripts con las configuraciones por defecto de ChartJS, la paleta cromática aplicable y tanto datos de las montañas rusas obtenidos de la API como las funciones de renderizado.

Gráficos

El objetivo del producto son los siguientes charts:

Gráfico de barras

Comparador de velocidad entre las cinco montañas rusas más rápidas (propiedad speed)

Gráfico de doughnut

Comparador de longitud (propiedad length) de todas las montañas rusas en tres clasificaciones: menos de 1000m, de 1000 a 1500m, más de 1500m

Gráfico de área polar

Comparador de países (propiedad country) de todas las montañas rusas en cuatro clasificaciones: EEUU, España, Japón y China

Gráfico de radar

Comparador de inversiones (propiedad inversions) de todas las montañas rusas con más de 5 inversiones

Gráfico de barra + línea

Comparador de velocidad (propiedad speed en gráfico de barra) con altura (propiedad height en gráfico de línea) de las primeras cinco montañas rusas de la API. Es necesario combinar dos datasets, indicando una propiedad type específica para variar uno de los dos.

Producto objetivo

localhost_5005_estadisticas