Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published1🌍 Public
FFadziMandondo
Last edited Jun 4, 2020
Created on Jun 4, 2020
Forked from Hello VizHub

This interactive visualization presents the CDC's ILINet flu surveillance data across four coordinated panels. A line chart displays national weekly trends for selected metrics like ILI percentage, while a choropleth map using `d3.geoPath` and `d3.geoAlbersUsa` shows the geographical distribution of average values per state. A bar chart ranks the top N states, and a final line chart highlights the yearly patterns for those selected states. Built with React and D3 v5, the code uses `d3.scaleLinear`, `d3.scaleOrdinal`, and custom SVG marks to enable linked highlighting and filtering across all views.

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 ILINet flu surveillance data across four linked panels: a line chart of yearly trends, a choropleth map of state-level averages, a bar chart of top states, and a line chart of state-specific patterns. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, `scaleOrdinal`, `geoAlbersUsa`, `geoPath`, and `scaleSequential` with `interpolateYlOrRd` for rendering. The choropleth uses TopoJSON US Atlas data, while other panels use CSV data from the CDC’s FluView Interactive.

FFadziMandondo
97% 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 explores ILINet flu surveillance data across four linked panels. It shows annual trends in patient visit percentages as colored lines, a choropleth map of state-level averages using `d3.geoPath` and sequential color scales, a bar chart ranking top states, and a state-specific line chart. Built with React and D3 v5, it uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for marks and scales. Hovering and clicking selections highlight corresponding data across all views, with data sourced from CDC's FluView interactive.

FFadziMandondo
96% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization explores ILINet flu surveillance data across four linked panels. It shows annual trends in patient visit percentages as colored lines, a choropleth map of state-level averages using `d3.geoPath` and sequential color scales, a bar chart ranking top states, and a state-specific line chart. Built with React and D3 v5, it uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for marks and scales. Hovering and clicking selections highlight corresponding data across all views, with data sourced from CDC's FluView interactive.

FFadziMandondo
96% match