Skip to main content
SimilarExport ZIP
100%

汇总

✓ Published0🌍 Public
Ppandeykriti
Last edited May 13, 2020
Created on May 13, 2020
Forked from 汇总

This interactive dashboard presents U.S. influenza surveillance data from the CDC’s ILINet dataset, combining four linked panels: a yearly line chart, a choropleth map of state averages, a ranked bar chart of top states, and a state-conditional line chart. Users can select years and states to highlight across views, with hover interactions revealing tooltips. The visualization is built with React and D3 v5, using `d3.scaleBand`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.scaleSequential`, `geoAlbersUsa` for map projection, and `d3.csv` for data loading, rendering all marks as SVG.

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…

汇总

This interactive dashboard visualizes CDC ILINet flu surveillance data across four synchronized panels: a yearly line chart, a choropleth map of state averages, a bar chart of top states, and a focused line chart for selected states. Built with React and D3 v5, it uses d3.scaleBand, d3.scaleLinear, d3.scaleOrdinal, and d3.scaleSequential for scales, along with d3.geoAlbersUsa and d3.geoPath for map rendering. Hovering or clicking a year updates the map, while state selections highlight corresponding bars and curves.

LLex
94% match
Loading thumbnail…

汇总

This interactive dashboard visualizes CDC ILINet flu surveillance data across four coordinated panels: a line chart showing weekly patient visit percentages by year, a choropleth map of state-level averages, a bar chart ranking top states, and a line chart tracking those states' trends. Built with React and D3 v5, the visualization uses `d3.scaleBand`, `d3.scaleLinear`, `d3.geoAlbersUsa` with `d3.geoPath`, and `d3.line` with `curveCardinal` for smooth paths. User interactions like hovering and clicking filter and highlight linked selections across all panels.

Vvans01
94% match
Loading thumbnail…

汇总

This dashboard aggregates four coordinated views of CDC ILINet flu surveillance data. A line chart shows annual weekly trends by year, a choropleth map displays state-level averages, a bar chart ranks the top states, and a multi-line chart highlights those states’ seasonal patterns. Built with React and D3 (v5), it uses `d3.scaleOrdinal`, `d3.geoAlbersUsa` with `d3.geoPath`, and SVG for rendering. Hovering and clicking across views filters and highlights linked selections.

Ppandeykriti
93% match
Loading thumbnail…

汇总

This dashboard presents a four-panel visualization of CDC ILINet flu surveillance data, showing weekly patient visit metrics across years and US states. It includes a line chart of annual trends, a choropleth map of state averages, a bar chart of top states, and a colored line chart tracking those states over time. Built with React and D3 v5, the example uses `scaleOrdinal` for color mapping, `geoAlbersUsa` and `geoPath` for map rendering, and `scaleBand`/`scaleLinear` for bar and line axes. Data is loaded via `d3.csv` and `d3.json`, with interaction implemented through React state and D3 event handlers.

JJiaMing
93% 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
90% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

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.

Qquratulain01
89% 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
88% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive dashboard presents ILINet influenza surveillance data across four linked views: weekly trends for multiple years, a choropleth map of state-level averages, a bar chart ranking top states, and a colored line chart of state-specific patterns. Users can select metrics and years via dropdowns, with brushing and fading to highlight hovered or selected items. Built with React and D3 v5, it uses `d3.geoAlbersUsa` and `geoPath` for the map, `d3.scaleBand` for bars, and `d3.line` with curve interpolation. Data is loaded from a CSV via `d3.csv` from the CDC FluView dataset.

Ssafdarawan
88% match