Back to archive

Daily evolution of COVID-19 in Spain by region: tracking cases, hospitalizations, and deaths.

EL PAIS ยท Mar 15, 2021

tracker
stack: [d3js, vanillajs]

Context

This project functioned as a continuously updated COVID-19 tracker for Spain, combining national and regional indicators in a single consultable view. It was designed for frequent newsroom updates, with emphasis on stable structure, fast reading, and consistent trend comparison over time.

My role

  • Design
  • Data visualization
  • Frontend development

I designed and implemented the dashboard layer, defining the visual structure and data representations used to monitor pandemic evolution over time.

Data and methodology

The data pipeline was maintained by the newsroom data desk, while my work focused on transforming those updated inputs into stable and readable front-end components.

The project was structured for frequent updates, with consistent chart logic to allow meaningful comparisons across regions and reporting periods.

Key decisions

  • The implementation was built entirely in vanilla JavaScript, without external dependencies, to keep control over behavior and simplify long-term maintenance.
  • We prioritized a clear consultative layout over visual novelty so readers could quickly find national and territorial signals.
  • Component-oriented class structure in vanilla JS was used to keep a large evolving tracker modular and maintainable.

Result

The final product worked as a central reference point for understanding COVID-19 evolution in Spain during key phases of the pandemic.

Impact and learnings

  • The tracker became an essential public-information utility at national scale and proved highly valuable for day-to-day monitoring.
  • From a technical perspective, it was a major milestone in building complex, component-driven newsroom products with pure vanilla JavaScript.

Links