Map

100%

✓ Published0🌍 Public

Last edited Apr 27, 2018

Created on Apr 27, 2018

This choropleth map of the United States uses D3 v4 to visualize the relationship between state-level imprisonment rates and mental health care access from a CSV dataset. Each state’s fill color encodes its imprisonment value through a `d3.scaleQuantile` with a ColorBrewer green palette. The Map uses an Albers USA projection (`d3.geoAlbersUsa`) with `d3.geoPath` to render the GeoJSON state boundaries, and hover interactions display the imprisonment number via SVG text and rectangle tooltips.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Map

This map visualizes state-level prison imprisonment rates and mental health access across the U.S., using a choropleth where each state is colored according to its imprisonment value. The visualization displays tooltips on hover, showing the imprisonment number for each state, and includes interactive buttons to switch between metrics. Built with D3 v4, it uses `d3.geoAlbersUsa()` for the projection, `d3.geoPath()` for rendering SVG paths, and `d3.scaleQuantile()` for color mapping based on data from a CSV file.

SSithal95

94% match

Loading thumbnail…

Map

This map displays two data dimensions for U.S. states—imprisonment rates and a mental health access metric—using a quantile color scale. It renders an SVG map with the Albers USA projection and outlines each state as a path. A mouseover on a state temporarily shows the imprisonment value in a small tooltip. The code merges data from a CSV file with GeoJSON geographic boundaries, using `d3.geoPath`, `d3.scaleQuantile`, and `d3.geoAlbersUsa` to produce the interactive choropleth.

SSithal95

92% match

Loading thumbnail…

maps

This choropleth map shows U.S. state crime rates per 100,000 people, with states colored on a sequential orange-red scale based on values loaded from a CSV file. The visualization uses D3 v7 and TopoJSON to render state boundaries via `d3.geoAlbersUsa` projection and `d3.geoPath`, while encoding data with `d3.scaleSequential` and `d3.interpolateOrRd`. A canvas-generated gradient legend with a `d3.axisBottom` scale accompanies the SVG map, and hover interactions display crime values and state names in a tooltip.

Vvydeeshm@gmail.com

79% match

Loading thumbnail…

d3 chorplath map

This choropleth map of the United States displays county-level unemployment rates using a quantized color scale. The visualization renders counties as SVG paths, colored from light to dark blues based on rates from 0 to 15 percent, with state boundaries overlaid in white. Built with D3 v3, it uses `d3.geo.albersUsa` and `d3.geo.path` for projection, TopoJSON for US county and state geodata, and a queue to load JSON and TSV data asynchronously.

JJn1532

78% match

Loading thumbnail…

US Crime Rate Map

A choropleth map of the United States displays per-state crime rates using a sequential color scale from light pink to dark red. Hovering over a state highlights its border and reveals a tooltip with the state name and crime rate. The visualization uses D3 v7 and topojson to load US Atlas GeoJSON data, projecting it with `d3.geoAlbersUsa` and rendering paths via `d3.geoPath`. Crime values are mapped to colors using `d3.scaleQuantize`, with mouse events and a tooltip div providing interaction.

Sshreshnaanugu@gmail.com

77% match

Loading thumbnail…

Choropleth map in D3

This choropleth map visualizes 2023 US unemployment rates by state, coloring each state with a sequential scale from the minimum to maximum unemployment values. Hovering over a state reveals a tooltip with its name and unemployment figure. Built with D3.js, it loads unemployment CSV data and US state TopoJSON boundaries, then projects the states using `d3.geoAlbersUsa` and renders them as SVG paths via `d3.geoPath`. The map joins the CSV data to the geometry using a state name-to-FIPS code mapping.

Kkfhujosefsson@dons.usfca.edu

77% match

Loading thumbnail…

Fork of D3 Starter

This choropleth maps crime rates per 100,000 people across U.S. states, coloring each state on a red-orange gradient from low to high values. The map uses an Albers USA projection via `d3.geoAlbersUsa()`, with state boundaries drawn through `d3.geoPath()`. State-level data from a CSV is joined to TopoJSON features from the us-atlas package, and a hover tooltip shows each state’s name and rate. A gradient legend, rendered as a Canvas image embedded in the SVG, includes an axis from `d3.axisBottom()`.

Vvydeeshm@gmail.com

77% match

Loading thumbnail…

Untitled

This choropleth map of the United States displays state-level COVID-19 case values with a green color scale, using lighter shades for lower numbers and darker greens for higher ones. The visualization loads CSV data and merges it with GeoJSON state geometries using d3.csv and d3.json, then renders paths with d3.geoPath and the d3.geoAlbersUsa projection. A d3.scaleQuantize maps numeric values to a five-color range, while states lacking data appear gray. The SVG is built with D3 v7 and styled with minimal CSS.

Jjoslinl

77% match