Cindy's chart

100%

✓ Published0🌍 Public

Last edited May 8, 2015

Created on May 8, 2015

A scatterplot displays state-level HPV vaccination coverage among U.S. youth, comparing the percentage of females who received three doses against that of males, with each dot representing a state or local area. The chart encodes the female vaccination rate on the x-axis and the male rate on the y-axis, revealing a general positive association between the two. Built with D3 v3, the visualization uses `d3.scale.linear` for axes, SVG `circle` elements for data points, and native `title` tooltips to show exact values on hover. Data comes from the 2013 National Immunization Survey, filtered to include only entries with both male and female values.

AI-generated description

Similar vizzes

Loading thumbnail…

Cindy's chart

A horizontal bar chart displays the estimated percentage of 13-to-17-year-old females who received the recommended three doses of the HPV vaccine, with states and metropolitan areas sorted from highest to lowest. The visualization uses a linear scale for the x-axis and an ordinal scale for the categorical y-axis, rendering data as SVG rectangles with hover tooltips showing exact values. The chart highlights geographic disparities, such as Rhode Island's 56.5 percent versus Utah's 20.5 percent, and includes a 2013 national average of 37 percent for context.

CCindyJonesHulfachor

90% match

Loading thumbnail…

CDC, Estimated vaccination coverage for HPV vaccine

This visualization maps HPV vaccination coverage across U.S. states and territories, comparing female and male 3-dose rates side by side. It shows the geographic disparity in uptake, with some states missing male data entirely (recorded as zero). The rendering uses D3’s `d3.geoPath` to project state boundaries, while a diverging color scale encodes the percentage ranges. The underlying dataset comes from a gist by CindyJonesHulfachor, and the code leverages `d3.forceSimulation` for label placement to avoid overlap, with hover tooltips to inspect exact values.

CCindyJonesHulfachor

80% match

Loading thumbnail…

Loading HPV Vaccination Data

This example loads a CSV file of HPV vaccination rates by U.S. state and locality, displaying the raw data in the browser console. The visualization shows female and male three-dose vaccination percentages as separate columns for each geographic entry. Using D3.js version 3, the code calls `d3.csv` to fetch and parse the local `hpvvaccinations.csv` file, then logs the resulting array of objects to the console. The data originates from a gist by Cindy Jones-Hulfachor. No chart or visual encoding is rendered; the example solely demonstrates the initial data-loading and inspection step.

CCindyJonesHulfachor

79% match

Loading thumbnail…

Setting Attribute Values from Data

This example shows a horizontal bar chart of HPV vaccination rates for males across U.S. states and territories, with bars sorted in descending order of the male3doses value. The visualization uses D3 v3 to load a CSV file, sort the data, and render SVG rectangles whose widths encode the numeric attribute from each row. The code specifically applies the `d3.csv` method for data loading, `d3.descending` for sorting, and `.attr("width", ...)` to bind the data value to the bar length. The chart height is fixed, and bars are spaced vertically every 10 pixels.

CCindyJonesHulfachor

73% match

Loading thumbnail…

Scatter Plot Vaccination

This interactive scatter plot visualizes COVID-19 vaccination rates in the United States over time, using data from Our World in Data. The chart displays the percentage of the population that is fully vaccinated against infection, with the y-axis showing the proportion of the population and the x-axis representing dates. Users can toggle between fully and partially vaccinated metrics via a dropdown menu. The visualization uses D3 v6 with SVG rendering and animation, employing scaleTime and scaleLinear scales, axisBottom and axisLeft components, and selection.join for smooth transitions. An annotation label highlights the current maximum vaccination percentage.

DDasbach.EJ

69% match

Loading thumbnail…

Scatter Plot Vaccination and Cases

This scatter plot shows how COVID-19 vaccination rates correlate with case counts in the United States, using data from Our World in Data. An interactive dropdown menu lets viewers switch between partially and fully vaccinated metrics, while the chart displays the proportion of the population vaccinated over time. The visualization uses D3 v6 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `selection.join` for smooth transitions between data updates, and `d3-svg-annotation` to highlight the maximum vaccination percentage.

DDasbach.EJ

68% match

Loading thumbnail…

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

This interactive dual-axis scatter plot visualizes the relationship between COVID-19 vaccination rates (blue circles) and reported cases (gray circles) in the United States over time, using D3 version 6 with SVG rendering and animated transitions. It draws on CDC vaccination data and NYT rolling averages, scaling vaccination proportions against raw case counts with separate y-axes. The visualization includes a dropdown menu to toggle between partially and fully vaccinated metrics, and uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `axisRight`, and selection joins with transitions for the animation.

Xxiaojingwu138

67% match

Loading thumbnail…

Fork of Scatter Plot Vaccination and Cases

This scatter plot visualizes the relationship between COVID-19 vaccination rates and infection cases in the United States over time. It overlays two datasets—vaccination percentages from Our World in Data and case counts from the New York Times—on a shared date axis, with annotations highlighting the final date's progress. The visualization uses D3.js v6, specifically `scaleTime`, `scaleLinear`, `selection.join` for animated circle transitions, and `d3-annotation` for labels. SVG rendering animates circles growing from zero radius while a dropdown menu allows switching between partial and fully vaccinated metrics.

DDasbach.EJ

67% match