Crime Data Analysis - Crime Spots

100%

Crime Data Analysis - Crime Spots

✓ Published0🌍 Public

Last edited Jul 27, 2023

Created on Jul 27, 2023

This visualization displays crime incident locations across a geographic area as individual map markers, with popups revealing details about crime type, weapon used, and date. The map is built using Leaflet with OpenStreetMap base tiles, centered on New York City at coordinates 40.7128, -74.0060. Crime data is loaded from an external CSV file via d3.csv, and each row’s latitude and longitude values are parsed to create markers using L.marker. The popup content is constructed with HTML strings embedding the crime attributes. The visualization provides an immediate spatial overview of crime distribution across the region.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

NYC Crime

This interactive dashboard visualizes NYC crime data across multiple coordinated views. A map of NYC uses a D3 geoMercator projection and d3.geoPath to display precinct boundaries, with color intensity reflecting crime prevalence. Clicking a precinct updates a donut chart showing crime-type distribution and three bar charts breaking down offenses by victim age and race. Users can filter by crime type through the pie chart and reset all views with a button. The visualization uses D3 v6 with SVG rendering, animated transitions between states, and tooltips for additional detail.

YYuta555

76% match

Loading thumbnail…

NYC Crime - D3 Visualization

This interactive visualization displays the density of crime across New York City’s five boroughs, broken down by offense level (felony, misdemeanor, violation). Users can toggle between total crime counts, 2010 per-capita rates, and 2016 per-capita estimates. The chart uses a mosaic or treemap-style layout built with D3 v4, nesting data by offense level and positioning rectangular blocks by borough. Hovering over each block reveals detailed values, with per-capita data formatted as percentages. The visualization renders as crisp SVG shapes and is driven by user-selected JSON data files.

CCrimeDataNyc

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

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

76% match

Loading thumbnail…

Fork of NYC Crime

This interactive visualization presents NYC crime data through a coordinated set of views: a geographically accurate map with a heatmap legend, a pie chart of crime types, and bar charts for age and race breakdowns. Users can click map precincts and toggle the reset button to filter all views dynamically. The map uses a Mercator projection with `d3.geoPath`, while pie and bar charts rely on D3 scales and arcs. Data is rendered as SVG with animated transitions, initialized from the `d3.v6` library.

FFouzia A.

75% match

Loading thumbnail…

Crime Data Analysis - Location type

This example visualizes crime incidents by location type, with each slice of the pie chart representing a category such as a street, residence, or business. The data is loaded from a CSV file hosted on GitHub Gist using d3.csv, and the pie layout (d3.pie) calculates the arc segments. The SVG rendering applies a categorical color scale (d3.scaleOrdinal with d3.schemeSet2) and labels each slice with its location type and count, while title text appears above the chart.

VVinay Vemuri

74% match

Loading thumbnail…

Fork of NYC Crime

This interactive visualization presents NYC crime data through multiple linked views: a geographic map, a pie chart, and bar plots for age and race distributions. The map uses d3.geoMercator and d3.geoPath to render police precincts with a color gradient legend, while the pie chart breaks down crime types using d3.arc. Users can click precincts or crime categories to filter the entire dashboard, with a reset button to restore the default view. All charts update simultaneously through shared global state variables, and a tooltip provides additional details on hover. The visualization is built with D3 v6 and SVG, featuring animated transitions between states.

Nnikki81140

74% match

Loading thumbnail…

Fork of NYC Crime

This interactive dashboard presents New York City crime data through a synchronized map, pie chart, and bar plots. A choropleth map visualizes precinct-level data, while a donut chart breaks down crime types and bar charts show age and race demographics. Users can filter the visualization by clicking on map precincts or the reset button. The code uses D3.js v6 with `d3.geoMercator` projection, `d3.geoPath` for map rendering, and SVG for all graphics.

TTracyWangYQ

74% match