Cindy's chart

100%

✓ Published0🌍 Public

Last edited May 7, 2015

Created on May 7, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

Cindy's chart

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.

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

76% 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

74% 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

70% match

Loading thumbnail…

Age Distribution Chart

This stacked bar chart displays age distributions across different provinces, with each bar segmented by age ranges from 0-10 through 90-100 years. Users can toggle between raw counts and percentages of the total via radio buttons. Built with D3.js (version 3.5.6), the visualization uses SVG rendering and d3.layout.stack for stacking, d3.svg.axis for axes, and smooth transitions via transition().duration() when switching between count and percentage modes. Data comes from a CSV file containing provincial health statistics.

Pprincit

63% match

Loading thumbnail…

Cervical Cancer Cases in the US in 2018

This choropleth map visualizes cervical cancer case rates per 100,000 inhabitants across US states in 2018, with a color legend and hover tooltips revealing exact case counts, populations, and rates for each state; states with missing data appear black. The visualization uses D3 v6 with `d3.geoPath` to render TopoJSON state boundaries from the us-10m dataset, while a `d3.scaleQuantize` and the d3-legend library generate the color scale. Tooltips are positioned dynamically based on cursor location, and CSV data is loaded via `d3.csv`.

BBenyaminLea

62% match

Loading thumbnail…

Making a Bar Chart

This animated scatter plot compares COVID-19 vaccination rates (blue) against reported case counts (gray) in the US, using dual y-axes with proportional data drawn from CDC vaccination counts and NYT 7-day average case data. Built with D3 v5, the chart uses `scaleTime`, `scaleLinear`, `axisLeft`, `axisRight`, and `transition` to animate points as they grow and reposition over time. Interactive dropdown menus, implemented via a reusable `menu` component, allow switching between partial and fully vaccinated metrics, while annotations highlight key dates and case reduction percentages.

Xxiaojingwu138

62% match

Loading thumbnail…

Horizontal Bar Chart

This horizontal bar chart displays vaccination rates across five New York City boroughs, with radio buttons allowing viewers to switch between eight monthly time points from 2021 to 2022. The visualization uses D3 v7 scales and axes to map percentage values from 0 to 100 on the x-axis, with color-coded bars representing each borough. Interactivity is implemented through click event listeners that rebind bar width and label data based on the selected month. The SVG rendering includes background rectangles, axis groups, and text labels showing exact percentages.

Llinlinlin-yx

62% match