Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
OOlivier Caron
Last edited Oct 13, 2019
Created on Oct 13, 2019

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.

AI-generated description

Massachusetts Map enlarged

MIT Licensed

Similar vizzes

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
96% 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 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 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
90% 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
87% 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
87% 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
Loading thumbnail…

Massachussetts Top 10 Crime City filter works before adjust axis

This interactive visualization displays the top 10 cities in Massachusetts by crime rate, filtered by community type (city, rural, or suburb) through a dropdown menu. Built with React and D3 v5, it renders an SVG bar chart using `scaleBand` and `scaleLinear` to map city names and crime ratios. The bars show tooltips with formatted percentage values, and the y-axis uses `d3.format` for readability. Data comes from a 2016 Massachusetts crime dataset loaded via `d3.csv`. The author notes unresolved issues with axis alignment and label rotation.

Wwenleicao
81% match