Mass Crime Map with circle size corresponding to crime total count

100%

Mass Crime Map with circle size corresponding to crime total count

✓ Published0🌍 Public

Last edited Oct 27, 2019

Created on Oct 13, 2019

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

AI-generated description

This Map show Crime total in different township of Massachusetts

original crime data is from FBI 2016 download from here

Geo Shape file are from here

The download Shape file did not contain coordination. Therefore, it is first converted to geojson by ogr2ogr

Geojson then reprocessed by mapshaper to Topojson.

Topojson file is loaded to Github gist

Crime data csv is loaded to gist

Circle size is corresponding to crime total

MIT Licensed

Similar vizzes

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

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

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

90% match

Loading thumbnail…

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

This example displays a choropleth-style map of Massachusetts where each circle’s radius encodes the crime-to-population ratio, allowing quick comparison of crime rates across counties. The map uses a `geoAlbers` projection with `geoPath` to render the state boundary, while circles are positioned via `projection` and sized with `scaleSqrt`. Data comes from a CSV file and a TopoJSON file, loaded using `d3.csv` and `d3.json`. The visualization is built with React and D3 v5, rendering in SVG.

Wwenleicao

89% match

Loading thumbnail…

Mass Map 3 add points

This visualization shows a map of Massachusetts with individual crime locations overlaid as small circular points. The map uses the `geoAlbers` projection and `geoPath` to render state boundaries from TopoJSON data. Crime data is loaded from a CSV using `d3.csv`, with each record plotted via `projection([d.lon, d.lat])` into SVG circle elements. The React component structure manages loading states and renders the map with `d3`-powered geographic utilities, displaying points with a distinct fill color against the state's geometry.

Wwenleicao

88% match

Loading thumbnail…

Mass Map 3 add points

Wwenleicao

88% match

Loading thumbnail…

Massachusetts safe town/city selector by county and community

This interactive visualization helps users select safe towns and cities across Massachusetts by filtering crime data by county or community type. The map displays the top five lowest crime-rate areas for any chosen selection, with circle size proportional to crime ratio and hover tooltips revealing additional details. Built with React and D3, the visualization uses d3.geoPath with a geoAlbers projection to render Massachusetts county boundaries from TopoJSON data, while d3.scaleSqrt sizes the crime-rate circles over the state map. Crime statistics come from a 2016 Massachusetts crime dataset.

Wwenleicao

83% match

Loading thumbnail…

Massachussetts Top 10 Crime City by Crime Count/Population

This interactive bar chart visualizes the top 10 Massachusetts cities by crime count relative to population. Built with React and D3 v5, it renders an SVG that displays the crime ratio as a percentage on the y-axis, with city names along the x-axis. The visualization utilizes `scaleBand` and `scaleLinear` for coordinate mapping, while `csv` loads the 2016 crime dataset from a GitHub gist. Hovering over each bar reveals the exact crime ratio via a `title` tooltip, filtering the data to rural communities.

Wwenleicao

82% match