Skip to main content
SimilarExport ZIP
100%

Mass Crime Map with circle size corresponding to crime total count

✓ Published2🌍 Public
Wwenleicao
Last edited Oct 6, 2019
Created on Oct 6, 2019

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.

AI-generated description

Massachusetts Map enlarged

MIT Licensed

Similar vizzes

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
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
94% 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
93% 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
93% 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
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
90% 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
80% match
Loading thumbnail…

Use my own Mass Crime data

This example visualizes the ten highest-crime cities in Massachusetts as a simple column chart, with bars sized proportionally to each city’s crime ratio. The chart uses `d3.csv` to load the 2016 city crime dataset and `d3.scaleLinear` and `d3.scaleBand` for positioning, while rendering bars as SVG `<rect>` elements via React. The visualization omits axes and labels, focusing solely on the relative bar heights to compare crime rates across the selected cities.

Wwenleicao
80% match