GithubHelp home page GithubHelp logo

lab-chartjs-front's Introduction

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

lab-chartjs-front's People

Contributors

ta-web-mad avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.