State of the STDs

100%

State of the STDs

✓ Published0🌍 Public

Last edited Jun 12, 2017

Created on Jun 12, 2017

A scatterplot animates the changing rates of gonorrhea and chlamydia across U.S. states from 1984 to 2014. Each dot represents a state, with its x-axis position mapping the gonorrhea rate and y-axis position mapping the chlamydia rate per 100,000 people. The visualization auto-plays through the years in a 30-second transition, while an interactive overlay allows users to hover over a year label to scrub through time. The large background year text updates with the animation, and the dots are colored by state, enabling tracking of trends and outliers over the three-decade span.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

State of the STDs v3

This visualization tracks the incidence rates of gonorrhea and chlamydia across U.S. states from 1984 through 2014. Each state is rendered as a small geographic shape, positioned on a scatterplot according to its disease rates for the currently displayed year. An animation scrubs through time, interpolating state positions as their reported rates change, with a large year label and a draggable overlay to control playback. The chart uses SVG and D3 v4 to draw the shapes and axes.

Aandrewdblevins

95% match

Loading thumbnail…

State of the STDs v2

State of the STDs v2 animates a choropleth of US state-level gonorrhea and chlamydia rates from 1984 onward, with each state drawn as a small polygon positioned by its disease rates on a scatterplot. The visualization uses a D3 v4 SVG implementation with a 30-second transition tweening through yearly data, displaying state shapes as dots scaled along gonorrhea (x-axis) and chlamydia (y-axis) rates per 100,000. Mouseover on the year label enables scrubbing through time.

Aandrewdblevins

94% match

Loading thumbnail…

Chlamydia

This visualization shows chlamydia rates by U.S. county, using the FIPS code as an identifier and the rate per 100,000 people as the quantitative value. The data is loaded from a CSV file and rendered as an SVG choropleth map, with counties colored according to their reported chlamydia rates. Built with D3 v4, the visualization uses a threshold or quantize scale to map the rate values to a color range, likely from light to dark, to convey the geographic distribution of chlamydia cases across the United States. The map provides a county-level view of disease prevalence, with missing values for some counties left blank. The code is organized for blockbuilder.org and uses the standard D3 projection and path rendering for the map.

Aandrewdblevins

77% match

Loading thumbnail…

Chlamydia

This choropleth map visualizes chlamydia infection rates across U.S. counties, with each county shaded according to its rate from the accompanying CSV file. Built with D3 v4 and rendered as SVG, the visualization uses a color scale to encode the rate values—ranging from low to high—across geographic regions. The data, sourced from a gist by aawiegel, is mapped by county FIPS codes and rendered on a map using d3.geo, with missing or blank rates handled appropriately. The project is forked from an existing block and built with Blockbuilder, licensed under MIT.

Aaawiegel

75% match

Loading thumbnail…

bar chart

A bar chart displays cumulative reported cases for three sexually transmitted diseases—syphilis, gonorrhea, and chlamydia—using horizontal bars scaled linearly from a CSV dataset sourced from data.world. The SVG rendering uses d3.csv to load the data, d3.scaleLinear for both bar widths and vertical positioning, and appends rectangles and text elements for labels and values. The bars are colored steelblue, with disease names and numeric totals placed beside each bar, showing the relative magnitude of each condition.

Aaaizemberg

73% match

Loading thumbnail…

d3 scatter plot

A D3 scatter plot visualizes the relationship between state population and the number of infections for diseases in the US in 1975, using a logarithmic scale on both axes. Each maroon circle represents a state-disease data point, and hovering over a circle turns it crimson and reveals a tooltip with the disease name, state, population, and infection count. The visualization uses `d3.scaleLog`, `d3.axisBottom`, and `d3.axisLeft` for scaling and axes, with data loaded via `d3.csv` from a remote gist. Rendered as SVG, the plot includes labeled axes and a title, with the tooltip styled through an HTML div.

AAndrew

73% match

Loading thumbnail…

fresh block

This visualization is a choropleth map of the United States showing chlamydia rates by county, colored on a blue scale from light to dark based on the rate value. The map is rendered in SVG using d3.v4, with county boundaries drawn and each county filled according to its associated rate from the chlamydia.csv dataset. Counties with missing data appear blank. The visualization uses a sequential color scale to represent the range of rates across the country, with darker shades indicating higher rates. The map displays data for all U.S. counties and includes Alaska and Hawaii insets. The visualization was created with Blockbuilder.org and uses an MIT license.

Aaaronmunoz

73% match

Loading thumbnail…

Choropleth

This choropleth maps the reported Lyme disease rates across U.S. counties from 2000 to 2015 using data from the CDC. An interactive slider animates the color-coded rates for each year, with county fill colors derived from a threshold color scale. Hovering a county reveals a tooltip comparing its 2000 and 2015 case counts and the change between them. The visualization uses D3 v3 with `d3.geo.albersUsa` for the projection, `d3.geo.path` for rendering, and `d3.nest` to organize the data by county and year.

CCrunchytoastmmm

72% match