Boston Crime Reports

100%

Boston Crime Reports

✓ Published1🌍 Public

Last edited Oct 29, 2019

Created on Oct 16, 2019

A map of Boston displays crime incident reports as semi-transparent circles, colored by the Uniform Crime Report (UCR) part via an ordinal color scale. A linked date histogram below the map shows the total number of incidents over time, with a brush that filters the map’s circles by date range. The visualization uses React, D3’s `geoAlbers` projection, `geoPath`, `scaleOrdinal`, and `brushX`. Data comes from Boston Crime Reports and neighborhood GeoJSON files.

AI-generated description

A map of Boston showing Crime incident reports in Boston.

The project can be found at Github link.

Crime report Data from Boston Crime Reports.

City data from Boston Neighborrhoods.

MIT Licensed

Similar vizzes

Loading thumbnail…

Boston Crime Reports

This interactive visualization maps Boston crime incident reports by neighborhood, with points colored by Uniform Crime Report category. A linked time-series histogram below the map shows the total number of incidents over time and includes a brush that filters the map to a selected date range. The map uses a D3 geoAlbers projection with geoPath to render TopoJSON neighborhood boundaries, while React manages the state for the brush selection and color legend. Data comes from a CSV of Boston crime reports.

GGeniXiong

95% match

Loading thumbnail…

Mass Crime Map with circle size corresponding to crime/population ratio

This map of Massachusetts towns shows crime rates as circles overlaid on geographic boundaries, with circle size scaled to each town's crime-to-population ratio. Using React and D3 v5, the visualization projects GeoJSON features onto an SVG canvas via d3.geoPath with a geoAlbers projection, while d3.scaleSqrt maps crime rates to circle radii. Crime data comes from the FBI’s 2016 table, and geographical boundaries derive from MassGIS shapefiles converted to TopoJSON. Hovering reveals city, county, and exact crime rate in the tooltip.

Wwenleicao

77% match

Loading thumbnail…

Mass Crime Map with circle size corresponding to crime total count

This map shows the total crime count for each township in Massachusetts, with circle size proportionally scaled to the crime total using d3.scaleSqrt. The visualization combines town boundary paths rendered via d3.geoPath with a d3.geoAlbers projection, overlaid with crime data points positioned by longitude and latitude. Tooltips display city name, county name, and formatted crime counts. The crime data originates from FBI 2016 statistics, while geographic boundaries come from MassGIS shapefiles converted to Topojson. The visualization is built with React, D3 v5, and SVG rendering.

Wwenleicao

76% match

Loading thumbnail…

Mass Crime Map with circle size corresponding to crime total count

A choropleth map of Massachusetts overlays crime data as scaled circles, with each circle's radius proportional to the total crime count per location. The visualization uses a React component with D3 v5’s `geoAlbers` projection and `geoPath` to render state boundaries from TopoJSON, while circles are positioned via the same projection and sized with a `scaleSqrt` function. Crime statistics are loaded from a CSV file, and the SVG rendering is handled through D3 selections within the React framework.

Wwenleicao

76% match

Loading thumbnail…

Mass Crime Map with circle size corresponding to crime/population ratio

An interactive choropleth of Massachusetts overlays crime statistics as circles atop geographic boundaries, with circle radius scaled to the crime/population ratio per municipality. The visualization uses `d3.geoAlbers` projection and `d3.geoPath` to render the state map, while `d3.scaleSqrt` maps crime rates to circle sizes. Data comes from CSV and TopoJSON sources, processed through React hooks and rendered as SVG elements with tooltips listing city, county, and percentage crime rate.

OOlivier Caron

75% match

Loading thumbnail…

Scatterplot of Boston Crime Data

A scatterplot displays Boston crime data for theft-type offenses, plotting the hour of day on the x-axis against the offense code on the y-axis. Each grey, semi-transparent circle represents an individual crime, with opacity revealing overlapping points. The data loads from a CSV file and is processed via `d3.csv` with a parsing function that converts numeric fields. Using d3.v6, the visualization employs `scaleLinear` for the axes, `axisLeft`, `axisBottom`, and SVG `circle` elements within a full-window rendered chart.

LLeah Mitchell

75% match

Loading thumbnail…

Boston Crashes

This interactive visualization combines a geographic map of Boston with crash data from the city’s Vision Zero program, plotting each incident as a colored circle based on mode type—red for motor vehicles, blue for pedestrians, and green for bicycles. A toggleable time series chart below aggregates monthly crash counts using `d3.bin` and `timeMonth`, while checkboxes allow filtering by mode to update both views. The map uses `d3.geoMercator` and `d3.geoPath` to render Boston neighborhood boundaries from a GeoJSON file, with crash locations projected via longitude and latitude coordinates.

Ssjpeno@wpi.edu

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

74% match