ILINet Flu Surveillance Data Interactive Visualization
This interactive visualization explores ILINet flu surveillance data from the CDC, showing state-level metrics like ILI percentage and patient totals across weeks and years. It combines four coordinated views: a multi-year line chart with color-coded trends, a scatter plot using size for patient volume, a choropleth map of the U.S., and a bar chart of top states. Built with React and D3 v5, it uses d3.scaleOrdinal for color, d3.geoPath for map rendering, and dropdown menus to switch data attributes. The data loads via d3.csv from a GitHub-hosted dataset.
AI-generated descriptionThis visual use D3.js and React to display a scatter plot using multiple channels and add a menu to choose different fields in the dataset for visualization. The Data used here is the ILINet Flu Surveillance Dataset.
In this ILINet Flu Surveillance dataset, we have ILITOTAL to indicate the number of patients recorded by the network. The %UNWEIGHTED ILI is actually the ratio to total number of patients served. Clearly this value could be large if the base numbers are small. In the single plot, we show all data by the week of the year since 2015. Each data point represent a state on the same week, different color indicates different years. We also assigned the ILITOTAL number to the size channel, which maps the bigger size to larger number of patients. From the plot we can see that the big size mostly happens at the end of the year till at the beginning of the year, which is the flu season. Although the %ILI data indicates similar results, the size gives more sharper results. Also the points at the bottom of the weeks are all smaller, which allows us to visualize the bigger patients’ number more easily on the plot, it happens on both end of each week’s line because the data with smaller number of patient are generally ignorable.
This plot is comparable with original visualization that uses the vega-lite-api.
The original data comes from the webpage: CDC FluView Interactive.