Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published1🌍 Public
Qquratulain01
Last edited Jun 14, 2020
Created on Jun 14, 2020

This interactive visualization presents influenza surveillance data from the CDC's ILINet dataset across four linked panels. A line chart displays annual trends in patient visit percentages by week, a choropleth map shows the geographical distribution of average values across US states, a horizontal bar chart ranks the top N states by value, and a multi-line chart reveals yearly patterns for those selected states. Built with React and D3.js v5, the visualization uses `geoAlbersUsa` for map projection, `scaleBand` and `scaleLinear` for bar and line charts, and `scaleSequential` with `interpolateYlOrRd` for the map's color encoding.

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 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 explores CDC ILINet flu surveillance data through four coordinated panels: a line chart showing weekly patient visit patterns across years, a choropleth map of state-level influenza activity, a bar chart ranking the top states, and a multi-line chart tracking those top states over time. Built with React and D3 v5, the visualization uses d3.scaleOrdinal for categorical coloring, d3.geoAlbersUsa and d3.geoPath for the map projection, and d3.line with curveCardinal for smoothed trend lines. Users can filter by year and metric through dropdown menus, and hover or click to highlight selections across panels. The data is loaded as CSV and aggregated using custom React hooks with d3.csv.

FFadziMandondo
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores CDC ILINet flu surveillance data through four coordinated panels: a line chart showing weekly patient visit patterns across years, a choropleth map of state-level influenza activity, a bar chart ranking the top states, and a multi-line chart tracking those top states over time. Built with React and D3 v5, the visualization uses d3.scaleOrdinal for categorical coloring, d3.geoAlbersUsa and d3.geoPath for the map projection, and d3.line with curveCardinal for smoothed trend lines. Users can filter by year and metric through dropdown menus, and hover or click to highlight selections across panels. The data is loaded as CSV and aggregated using custom React hooks with d3.csv.

FFadziMandondo
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores CDC ILINet flu surveillance data through four coordinated panels: a line chart showing weekly patient visit patterns across years, a choropleth map of state-level influenza activity, a bar chart ranking the top states, and a multi-line chart tracking those top states over time. Built with React and D3 v5, the visualization uses d3.scaleOrdinal for categorical coloring, d3.geoAlbersUsa and d3.geoPath for the map projection, and d3.line with curveCardinal for smoothed trend lines. Users can filter by year and metric through dropdown menus, and hover or click to highlight selections across panels. The data is loaded as CSV and aggregated using custom React hooks with d3.csv.

FFadziMandondo
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores CDC ILINet flu surveillance data through four coordinated panels: a line chart showing weekly patient visit patterns across years, a choropleth map of state-level influenza activity, a bar chart ranking the top states, and a multi-line chart tracking those top states over time. Built with React and D3 v5, the visualization uses d3.scaleOrdinal for categorical coloring, d3.geoAlbersUsa and d3.geoPath for the map projection, and d3.line with curveCardinal for smoothed trend lines. Users can filter by year and metric through dropdown menus, and hover or click to highlight selections across panels. The data is loaded as CSV and aggregated using custom React hooks with d3.csv.

FFadziMandondo
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores CDC ILINet flu surveillance data through four coordinated panels: a line chart showing weekly patient visit patterns across years, a choropleth map of state-level influenza activity, a bar chart ranking the top states, and a multi-line chart tracking those top states over time. Built with React and D3 v5, the visualization uses d3.scaleOrdinal for categorical coloring, d3.geoAlbersUsa and d3.geoPath for the map projection, and d3.line with curveCardinal for smoothed trend lines. Users can filter by year and metric through dropdown menus, and hover or click to highlight selections across panels. The data is loaded as CSV and aggregated using custom React hooks with d3.csv.

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