Giter Site home page Giter Site logo

adiezdev / covid-vacuna-cyl Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 3.63 MB

Página web para seguir la vacunación en las provincias de la comunidad de Castilla y León

Home Page: https://covid-vacuna-cyl.adiez.dev/

HTML 3.54% CSS 12.48% JavaScript 83.98%
covid19 covid-19 coronavirus vaccine-tracker vaccine-distribution spain covid-vacuna vaccine-tracke spain-covid19

covid-vacuna-cyl's Introduction

Hola 👋

Mi nombre es Alejadro Díez, soy desarrollador de Aplicaciones Multiplataforma y Web

"Todo lo que puedas imaginar, se puede programar 🙂"

covid-vacuna-cyl's People

Contributors

adiezdev avatar

Watchers

 avatar

covid-vacuna-cyl's Issues

Optimizar las key que forman el reduce

Necesario la optimización del reduce.

En el código, cuando hace un total con el reduce por ejemplo por marcas de vacuna, devuelve de la siguiente manera el objeto

Astra Zéneca: {vacuna: 97300} Moderna: {vacuna: 47700} Pfizer- BioNTech: {vacuna: 373579}

Así hace el reduce

let groupByType = records?.reduce((groups , data)=>{
const { total_vacunas_recibidas , marca } = data.fields
groups[marca] = groups[marca] || {vacuna:0}
groups[marca].vacuna += total_vacunas_recibidas
return groups;
}, {})

Como key del objeto devuelve el la marca, me gustaría que la devolución del reduce se devolviera de la siguiente manera

{marca: Astra Zéneca, vacuna: 97300} {marca: Moderna, vacuna: 47700} {marca: Pfizer- BioNTech, vacuna: 373579}

De esta segunda forma, si hubiera una nueva marca de vacuna, simplemente al recorrer el objeto, se mostraría de una manera automática y sin necesidad de tocar mucho el código

No consumir API

Automatizar la descargar del archivo json diario, del cual consumiría los datos

Error en el path

Al renderizar el mapa, salta un error en la prop "d", diciendo que la propiedad es un NaN. La cuestión es que no pase eso y evitar que esos datos del mapa json pasen por ahí

Cambiar color del Mapa

Cambiar color del papa según las vacunas administradas. A mayor sea el número, más oscura es color de la provinicia

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.