Chicago Crime Data First Pass

100%

Chicago Crime Data First Pass

✓ Published5🌍 Public

Last edited Oct 31, 2018

Created on Oct 31, 2018

This example plots a sample of geolocated crime reports on a map of the United States using `d3.geoAlbersUsa` and `d3.geoPath`. Each red circle marks a reported incident, with different crime types visible via a mouseover tooltip and `d3.csv` loading the data. The visualization incorporates SVG rendering and interactive zoom via `d3.zoom`. The map outlines come from a TopoJSON file of US states, and the crime data is drawn from a CSV containing primary type and coordinates.

AI-generated description

Chicago Crime Data Analysis

MIT Licensed

Similar vizzes

Loading thumbnail…

Chicago Crime Data First Pass

This visualization maps Chicago crime data as red points on a U.S. state map using the Albers USA projection via `d3.geoAlbersUsa` and `d3.geoPath`. It loads TopoJSON state boundaries and CSV crime coordinates, rendering circles with tooltips that display the crime type on hover. Zooming and panning are enabled with `d3.zoom`. Points animate with a `transition` and scale transform, while SVG styling uses a custom tooltip div.

MMengmeng Yu

93% match

Loading thumbnail…

Chicago Crime Data First Pass

A choropleth map of Chicago crime incidents, colored by primary type, is rendered as red dots over a geographic projection of the United States using D3 v5's geoAlbersUsa projection and geoPath. Points are scaled to 0.02 radius initially, then animated via transition to a larger scale, with tooltips appearing on mouseover. The visualization loads state boundaries from the US Atlas TopoJSON and reads incident coordinates from a CSV file, with zoom interaction enabled.

MMercPai

90% match

Loading thumbnail…

Chicago Crime Data First Pass

A scatter plot maps reported Chicago crime incidents to points on a U.S. map backdrop. Red circles mark each of the approximately 200 latitude/longitude coordinates from the local CSV file, colored by crime type. The visualization uses d3.json with TopoJSON from the US Atlas to draw the state boundaries via the d3.geoPath and geoAlbersUsa projections. Animated scaling of the points is handled through d3 transitions, while mouseover tooltips display the primary crime type.

BBrandon Lehr

89% match

Loading thumbnail…

Chicago Crime Data Analysis

A map of Chicago displays crime incident locations as red dots, with each dot representing a specific crime type such as battery, theft, or assault. Hovering over a dot reveals its category via a tooltip. The visualization uses D3 v5 with `geoAlbersUsa` projection and `geoPath` to render U.S. state boundaries from TopoJSON data, while `d3.csv` loads the incident coordinates. Animated transitions adjust dot scaling, and zooming is enabled through D3's `zoom` behavior, all rendered as SVG elements.

Ssrrajendran

88% match

Loading thumbnail…

Chicago Crime Data Analysis

This visualization maps reported Chicago crime incidents, using colored points to reveal high-crime regions across the city. It shows the geographic distribution of offenses such as theft, battery, and assault. The map is built with D3 v5, using `d3.json` to load GeoJSON zip code boundaries and `d3.geoPath` with a Mercator projection to render them. Crime data with latitude and longitude coordinates from the CSV file is plotted onto the map, with a hover tooltip for additional context.

Ssrrajendran

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

79% 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…

D3: NYC Crime Visualization

This interactive NYC crime visualization presents multiple coordinated views: a choropleth map of precincts, a pie chart of crime types, and bar charts showing age and race distributions. Users can click precincts or crime categories to filter across all views, with a reset button to restore the full dataset. The visualization uses D3 v6 with d3.geoMercator and d3.geoPath for the map projection, d3.arc for the pie chart, and d3.scaleBand for bar charts. Crime data is color-coded via a linear gradient legend and tooltip interactions.

Ooliverliuoo

75% match