Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published0🌍 Public
Pprincit
Last edited May 25, 2020
Created on May 25, 2020

This interactive visualization presents a four-panel view of CDC ILINet flu surveillance data, showing annual trends by week, a choropleth map of state averages, a ranked bar chart of top states, and yearly trends for those selected states. Built with React and D3.js v5, it uses `d3.scaleLinear`, `d3.scaleBand`, `d3.scaleOrdinal`, and `d3.geoPath` with a US Atlas TopoJSON for rendering. Interactive filtering by year and state highlights selections across all views, with synchronized hover and click effects.

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 presents CDC ILINet flu surveillance data in a four-panel React and D3 v5 dashboard. It displays weekly flu metrics per year through line charts, a choropleth map of state-level averages using `geoAlbersUsa` and `geoPath`, a bar chart of top states ranked by value, and a colored line chart tracking state trends. Users can filter by year, select metrics from dropdowns, and hover or click to cross-filter across panels. The SVG rendering uses `scaleLinear`, `scaleBand`, and `scaleOrdinal` for scales, with data loaded via `d3.csv` and US state boundaries from TopoJSON.

Ssrinivasjavvadi
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents ILINet flu surveillance data in a four-panel dashboard. It displays weekly trends across years, a choropleth map of state-level averages, a bar chart of top states, and state-specific yearly lines. Built with React and D3 v5, it uses d3.scaleBand, d3.scaleLinear, d3.geoAlbersUsa, and d3.line with curveCardinal. Data is loaded via d3.csv from CDC ILINet data, with interactions filtering views across panels.

Ssafdarawan
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

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.

Mmab3105
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents CDC ILINet influenza surveillance data across four coordinated panels: a line chart of weekly trends, a choropleth map of state averages, a horizontal bar chart of top states, and a multi-line chart tracking selected states over time. Built with React and D3 v5, it uses d3.scaleOrdinal for categorical coloring, d3.geoAlbersUsa and d3.geoPath for map rendering, and scroll-linked highlighting to coordinate selections across all panels. User interactions include dropdown menus for choosing metrics and the number of states displayed.

JJianyi Liu
96% 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
96% 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
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