Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published1🌍 Public
Ssrinivasjavvadi
Last edited May 18, 2020
Created on May 18, 2020

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.

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
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 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 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.

Pprincit
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 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 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 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
96% match