Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published1🌍 Public
Mmab3105
Last edited Feb 24, 2020
Created on Feb 24, 2020

This interactive visualization explores ILINet flu surveillance data across four linked panels: a line chart of weekly trends by year, a U.S. choropleth map, a bar chart of top states, and a multi-line chart of those states’ yearly patterns. Built with React and D3 v5, it uses `scaleOrdinal`, `scaleSequential`, `geoAlbersUsa`, and `geoPath` for mapping and rendering. Users can select years, states, and metrics such as ILI percentage, with hover interactions highlighting selections across panels. The data comes from CDC FluView Interactive via a CSV file filtered in JavaScript.

AI-generated description

This project use D3.js and React to display an interactive four-panel view for visualization. The Data used is the ILINet Flu Surveillance Dataset from ILINet Flu Surveillance Report. The original data is downloaded from the webpage: CDC FluView Interactive.

Four Panel View The visualization is composed of 4 panels.

  • The first line plot displays annual average patient visits percentage or other values from the dataset on weekly bases. It demonstrates the pattern for different years.
  • The second plot is a choropleths map shows the geographical distribution over the US including Alaska and Hawaii.
  • The third plot is a bar chart shows the top 10 or N states. It gives the user more quantitative information and a list of top states by name.
  • The fourth plot to show the yearly trending pattern of these states using a colorful line chart, using the same color scheme used by bar chart for different states.
MIT Licensed

Similar vizzes

Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents CDC ILINet flu surveillance data through four coordinated panels: a line chart showing weekly trends across years, a choropleth map of state-level averages, a bar chart of top states, and a multi-line chart tracking yearly patterns for selected states. Built with React, D3 v5, and SVG rendering, it leverages d3.scaleBand, d3.scaleLinear, d3.scaleOrdinal, d3.geoAlbersUsa, and d3.geoPath for geographic projection, with topojson for US state boundaries. Users interact by hovering or clicking to filter and highlight data across panels.

JJuan Ore
97% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data through four coordinated panels: a line chart showing annual patient visit trends, a choropleth map of state-level averages, a bar chart ranking top states, and a state-colored line chart for yearly patterns. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for chart scales, `geoAlbersUsa` and `geoPath` for map rendering, and `topojson` for US state boundaries. Users can filter by year and metric via dropdown menus, with hovering highlighting selections across panels through shared state. Data comes from the CDC’s ILINet surveillance dataset.

Ssafdarawan
97% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents ILINet flu surveillance data across four linked panels: a line chart of weekly annual averages, a choropleth map of state-level values, a bar chart of top states, and a multi-line trend chart. The d3.js and React-based application uses `geoAlbersUsa` and `geoPath` for map rendering, `scaleBand` and `scaleLinear` for charts, and supports hover/click interactions that highlight selections across panels. The CDC FluView dataset is loaded via `d3.csv` and filtered to exclude non-state regions.

Ssafdarawan
97% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents CDC ILINet flu surveillance data across four coordinated panels: a line chart of weekly trends by year, a choropleth map of state-level averages, a bar chart of top states, and a multi-line chart of state trends. Users can hover and click to select years and states across panels using shared color scales. Built with React and D3 v5, it leverages `d3.csv`, `d3.geoAlbersUsa` with `d3.geoPath` for the map, `d3.scaleBand` and `d3.scaleLinear` for charts, and `d3.curveCardinal` for smoothing.

Hharrisonfin
97% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive dashboard visualizes CDC ILINet flu surveillance data across four linked panels: a multi-year line chart of weekly trends, a choropleth map of state averages, a bar chart ranking top states, and a detailed state-level line chart. Built with React and D3 v5, it uses `d3.scaleOrdinal` for categorical colors, `d3.geoAlbersUsa` and `d3.geoPath` for the map, and `d3.line` with `curveCardinal` for smoothed curves. Users filter by year and metric via dropdowns, with hover and click interactions synchronizing selections across all panels, highlighting matching states and years.

Tthanhtrant219
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents ILINet flu surveillance data in a four-panel dashboard, showing seasonal patterns across years, geographic distribution on a US choropleth map, top states by metric, and state-level trends over time. The D3-based React application uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for bar and line charts, `geoAlbersUsa` with `geoPath` for mapping, and `scaleSequential` with `interpolateYlOrRd` for choropleth coloring. Data comes from the CDC FluView Interactive dataset loaded via CSV, with interactive selection and hovering across all panels.

Ss-janibekova
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents CDC ILINet flu surveillance data across four linked panels: a weekly time-series chart, a choropleth map, a ranked bar chart, and a multi-year line chart. Users can filter by year, state, and metric via dropdowns. Built with React and D3 v5, it uses `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.scaleSequential`, `d3.geoAlbersUsa`, and `d3.geoPath` to render the SVG charts, with data loaded from CSV and US Atlas TopoJSON files.

Wwaqaschughtai
96% match
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.

EEmiliano de Jesús Gonzalez Rodriguez
96% match