Map

100%

✓ Published0🌍 Public

Last edited Apr 27, 2018

Created on Apr 27, 2018

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.

AI-generated description

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 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.

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

80% match

Loading thumbnail…

Untitled

A choropleth of the United States visualizes violent crime rates per state from 1999 to 2019. The map uses SVG circles positioned via `d3.geoAlbersUsa` and `d3.geoPath` to represent state-level crime counts, with circle size and color encoded through `d3.scaleLinear`. Users select a year and crime type (e.g., homicide, robbery) from dropdown menus, triggering a redraw of the map with updated data. The visualization loads state geometries from `us-states.json` and coordinates from `states_lon_lat.json`, with data from the `estimated_crimes_1999_2019.csv` file.

OOsasotur

78% match

Loading thumbnail…

Country map ICE 8

This choropleth map shows crime rate values for U.S. states, encoded with a threshold color scale ranging from light blue to dark navy. The map renders SVG paths via `d3.geoPath` with a `d3.geoAlbersUsa` projection, using TopoJSON data from the us-atlas repository. State values are loaded from a CSV file and mapped to fill colors, with a legend displaying the color bins alongside interactive tooltips on hover.

GGuntupalli Mohan kalyan

78% match

Loading thumbnail…

US State Map

This interactive map of the United States uses D3 v3 to render state boundaries as SVG paths from the included `uStates.js` data file. Each state is colored according to randomly generated sample statistics—low, average, and high values—using an interpolated color scale from light yellow to dark red. Hovering over a state triggers a CSS-based tooltip that displays the state's name and its low, average, and high values in a styled HTML table. The map animates state fills on hover with a subtle opacity change, while the tooltip follows the cursor, providing a clean and informative way to explore the data.

CCoola85

78% match

Loading thumbnail…

Fork of ICE-8-VK-1.2

This choropleth map of U.S. states displays a custom crime-rate index, with darker blue fills representing higher values and gray indicating missing data. State labels and a gradient legend with an axis clarify the quantitative scale. Built with D3 v7 and TopoJSON, the visualization loads US Atlas states-10m data, applies a geoAlbersUsa projection via d3.geoPath, and maps values through a d3.scaleSequential with an interpolateBlues interpolator. Hover interactions highlight state boundaries, and tooltips are provided through SVG title elements.

VVinil Karmilla

78% match

Loading thumbnail…

World Map

This example visualizes homelessness-related diversity metrics across US states, mapping numerical values to a white-to-blue color scale. The code uses D3 v4 with the `geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from TopoJSON data, while territories are colored based on a static `diversity` dataset. State paths receive hover effects through CSS classes, and the visualization is built within a React framework using SVG rendering. Animated interactions are present, though the tooltip functionality appears incomplete in the provided code.

EEunice Tu

78% match