Skip to main content
SimilarExport ZIP
100%

ILINet Flu Surveillance Data Interactive Visualization

✓ Published0🌍 Public
SSarahKiyani
Last edited Jun 13, 2020
Created on Jun 13, 2020

This interactive dashboard presents ILINet flu surveillance data across four coordinated views: a line chart tracking weekly trends by year, a choropleth map showing the geographical distribution across US states, a bar chart ranking the top states, and a detailed line chart for selected states. Built with React and D3.js v5, the visualization uses `d3.scaleOrdinal` for color encoding, `d3.geoPath` for map rendering with a Natural Earth projection, and `d3.curveCardinal` for smoothed trend lines. The data comes from the CDC FluView Interactive dataset, processed through TopoJSON for geographic boundaries.

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 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
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 ILINet flu surveillance data in a four-panel dashboard. It displays weekly trends across years, a choropleth map of state-level averages, a bar chart of top states, and state-specific yearly lines. Built with React and D3 v5, it uses d3.scaleBand, d3.scaleLinear, d3.geoAlbersUsa, and d3.line with curveCardinal. Data is loaded via d3.csv from CDC ILINet data, with interactions filtering views across panels.

Ssafdarawan
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 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 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
95% 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
95% match
Loading thumbnail…

ILINet Flu Surveillance Data Interactive Visualization

This interactive visualization presents ILINet flu surveillance data across four linked panels: a line chart showing weekly trends by year, a choropleth map, a bar chart of top states, and a multi-line chart of state trends. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for axes and colors, `geoAlbersUsa` and `geoPath` for the map, and `curveCardinal` for line smoothing. CDC data is loaded via `d3.csv` and US Atlas TopoJSON, with brushing and hover interactions syncing selections across panels.

NNataliaHerreraMurillo
95% match