Chicago Crime Data First Pass

100%

Chicago Crime Data First Pass

✓ Published0🌍 Public

Last edited Aug 23, 2019

Created on Aug 23, 2019

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

AI-generated description

Chicago Crime Data Analysis

MIT Licensed

Similar vizzes

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

93% match

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

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

90% match

Loading thumbnail…

Chicago Crime Data First Pass

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.

CCurran Kelleher

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

89% match

Loading thumbnail…

Chicago Crime Data Analysis

This visualization analyzes Chicago crime data to reveal which time of day experiences the highest number of incidents. An interactive bar chart displays the total count for each time period, with bars highlighted on hover and a tooltip showing the exact value. The chart is built using D3.js v5, utilizing `scaleBand` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `colorLegend` module. The SVG render includes animated bar highlighting and a dropdown menu for data filtering.

Ssrrajendran

79% match

Loading thumbnail…

Chicago Crime Dataset Analysis

This visualization presents a bar chart of Chicago crime data, ranking offense types by their recorded counts, with THEFT and BATTERY as the most frequent. The bars are color-coded and rendered as SVG using D3.js v5, with axes created via d3.axisLeft and d3.axisBottom. The code includes reusable modules for a dropdown menu and color legend, though the current renderer focuses on the bar chart. The data is loaded from a CSV file and processed with d3.csv, with scales built using d3.scaleLinear and d3.scaleBand.

Ssrrajendran

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