adiezdev / covid-vacuna-cyl Goto Github PK
View Code? Open in Web Editor NEWPá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/
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/
Cambiar color del papa según las vacunas administradas. A mayor sea el número, más oscura es color de la provinicia
Toca rebajar el tamaño de las fuentes, para que se vean más legibles y no ocupen la mitad de la pantalla. Sobre todo en movil
Automatizar la descargar del archivo json diario, del cual consumiría los datos
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
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í
Animación que incremente las cifras
Al hacer el cambio a modo oscuro, que cambien las respectivas imágenes para que queden contrastadas
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.