Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published3🌍 Public
Yyuzhang21
Last edited May 17, 2020
Created on Oct 30, 2019

This interactive visualization of ILINet flu surveillance data combines a choropleth map, line charts, and a bar chart to show yearly, weekly, and state-level patterns. Users can select metrics and filter by year and the number of top states. Built with React and D3 v5, it uses `d3.geoPath` with `geoAlbersUsa` for the map, `d3.line` with `curveCardinal` for the curves, and SVG for rendering. The CDC data is loaded via `d3.csv`.

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 of ILINet flu surveillance data combines a choropleth map, line charts, and a bar chart to show yearly, weekly, and state-level patterns. Users can select metrics and filter by year and the number of top states. Built with React and D3 v5, it uses `d3.geoPath` with `geoAlbersUsa` for the map, `d3.line` with `curveCardinal` for the curves, and SVG for rendering. The CDC data is loaded via `d3.csv`.

Yyuzhang21
100% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data from the CDC, using multiple coordinated views: a line chart tracking yearly trends, a bar chart ranking states, a scatter plot, and a choropleth map. Users can switch metrics and attributes via dropdown menus. Built with React and D3 v5, it employs scales like `scaleLinear`, `scaleBand`, and `scaleOrdinal`, along with `geoAlbersUsa` and `geoPath` for the map, and aggregates data using custom Redux-style reducers.

Ss-janibekova
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive dashboard visualizes ILINet flu surveillance data across multiple coordinated views: a line chart of weekly ILI percentages by year, a choropleth map of state-level averages, a bar chart of top states, and a dot plot. Users select metrics and attributes via dropdowns, with hover and click interactions linking highlights across views. Built with React and D3 v5, it uses `scaleOrdinal`, `scaleSequential` with `interpolateYlOrRd`, `geoAlbersUsa` with `geoPath`, and `scaleBand` for the bar chart. Data comes from CDC FluView, processed with `csv` from D3.

Yyuzhang21
96% match
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
95% 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
95% 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
95% 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
95% 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
95% match