Skip to main content
SimilarExport ZIP
100%

ASSIGNMENT-8

✓ Published0🌍 Public
Vvarshitreddy02@gmail.com
Last edited Apr 12, 2026
Created on Apr 12, 2026
Forked from D3 Starter

This choropleth map displays violent crime rates per 100,000 people across US states using 2019 FBI data. Each state is colored on a yellow-to-red scale based on its rate, with darker shades representing higher crime levels. The visualization uses d3.geoAlbersUsa for the projection and d3.geoPath to render state boundaries from TopoJSON data. Interactive tooltips appear on hover, showing the state name and crime rate, while a gradient legend displays the color scale.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

U.S Map Crime Rates

A choropleth map of the United States displays violent crime rates per 100,000 people for each state, using a yellow-to-red color gradient where darker shades indicate higher crime rates. The visualization relies on D3 v7 for SVG rendering, using `d3.geoPath` to draw state boundaries and a linear color scale to encode the 2005 FBI Uniform Crime Reporting data. Hovering over a state triggers a CSS opacity transition and reveals a floating tooltip with the specific crime value, while a gradient legend bar below the map provides the color-to-value mapping.

Mmustafaksyed1@gmail.com
87% 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
87% 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
86% match
Loading thumbnail…

Untitled

An interactive choropleth map displays property crime rates across U.S. states from 2009 to 2019, with dropdown menus to select the year and crime type (property crime, burglary, larceny, or motor vehicle theft). The map uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from a TopoJSON file. Crime values are mapped to a red color scale using `d3.scaleThreshold`, with a legend generated via `d3.legendColor`. Hovering over a state reveals a tooltip with details, and the visualization updates dynamically through SVG transitions.

Nnellylopez2022
85% match
Loading thumbnail…

ICE 8-1.2

This choropleth map displays the crime rate per 100,000 people across U.S. states, using a sequential blue color scale where darker shades indicate higher rates. Hovering over a state reveals a tooltip with the exact value, while states without matching data appear gray. The visualization loads CSV data and U.S. TopoJSON boundaries, then renders them as SVG paths via `d3.geoPath` with an Albers USA projection. It uses D3 v7 for data binding, color encoding, and interactive tooltips, with state names normalized and matched against FIPS codes for labeling.

Ssakethpapareddy@gmail.com
84% 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
83% 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
83% 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
83% match