Skip to main content
Log in
E

Emiliano de Jesús Gonzalez Rodriguez

@Emigonx·4 public vizzes

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data through four linked panels: a line chart showing annual trends, a choropleth map of state-level averages, a bar chart of top states, and a multi-line chart for state comparisons. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for chart scaling, `geoAlbersUsa` and `geoPath` for map projection, and `curveCardinal` for line smoothing. Users can hover and click to filter data across panels, with color legends and tooltips providing detailed values.

May 24, 2020
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data through four linked panels: a line chart showing annual trends, a choropleth map of state-level averages, a bar chart of top states, and a multi-line chart for state comparisons. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for chart scaling, `geoAlbersUsa` and `geoPath` for map projection, and `curveCardinal` for line smoothing. Users can hover and click to filter data across panels, with color legends and tooltips providing detailed values.

May 24, 2020
Loading thumbnail…

Cars Report

A simple visualization displays the make of the first car in a hardcoded JSON dataset as plain text. The page renders the word "Honda" inside two large `<pre>` elements using vanilla JavaScript. The code defines and parses an embedded car dataset with native `JSON.parse` before accessing `cars[0].make` and assigning it to `textContent` for display. The example relies on no external libraries, using only standard DOM methods to update the HTML.

May 18, 2020
Loading thumbnail…

Cars Report

This example displays a single car make, “Honda,” from a hardcoded JSON array of five car records. The visualization reads the first object in the array using `JSON.parse` and assigns it to an exported `cars` variable, then accesses `cars[0].make` to set the text content of a `<pre>` element. It relies on vanilla JavaScript, with no external visualization libraries, and renders the result as plain text in the browser via the DOM API `document.getElementById`. The data source is an embedded static dataset rather than a live feed.

May 18, 2020