Skip to main content
SimilarExport ZIP
100%

Massachusetts safe town/city selector by county and community

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

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.

AI-generated description

This viz aims to help people choose area based on crime rate at different Massachusetts communities (city, suburb, rural) and counties.

User can choose desired county or community, then top 5 safest city/town (low crime rate) will show at the map (please note: not all town has the data, some county could have less than 5 city/town data )

Data based on: Masschusetts Crime dataset for 2016.

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

Menu are created to help user filter data

circle size are corresponding to the crime ratio

hover over circle will show additional info

MIT Licensed

Similar vizzes

Loading thumbnail…

Massachusetts safe town/city selector by county and community

This interactive visualization helps users identify the five safest towns or cities in Massachusetts by filtering crime data through dropdown menus for community type and county. The map displays crime rates as scaled circles overlaid on geographic boundaries, with hover tooltips showing city name, county, and crime percentage. Built with React and D3 v5, it uses `geoAlbers` projection with `geoPath` for map rendering, `scaleSqrt` for circle sizing, and loads data from Massachusetts crime statistics and TopoJSON geographic files.

Ssophburke
98% match
Loading thumbnail…

Massachusetts safe town/city selector by county and community

This interactive map of Massachusetts filters towns and cities by county and community type, displaying the five lowest crime rates as purple circles over an SVG geographic projection. Users select from dropdown menus, which update the map through React state. The visualization uses D3 v5’s `geoAlbers` projection, `geoPath`, and `scaleSqrt` for circle sizing, with crime data from a 2016 Massachusetts dataset and geographic outlines from TopoJSON.

Wwenleicao
96% match
Loading thumbnail…

Massachusetts safe town/city selector by county and community

This interactive map of Massachusetts filters crime data by community type and county, highlighting the five safest towns or cities with the lowest crime rates. Built with React and D3 v5, it uses a custom `geoAlbers` projection via `d3.geoPath` to render the state's boundaries and places scaled circles at each location to show relative crime severity. The dataset, sourced from the 2016 Massachusetts crime statistics, allows users to compare municipal safety across the state.

Ssophburke
96% match
Loading thumbnail…

Massachussetts Top 10 Crime City filter works

This interactive bar chart displays the crime rates of Massachusetts cities, filterable by community type (All, City, Rural, Suburb) via a dropdown menu. Built with React and D3 v5, it renders an SVG visualization where each bar shows the crime rate as a percentage. The chart loads data from a CSV file containing 2016 crime statistics, using D3's `csv`, `scaleBand`, `scaleLinear`, and `format` functions for data processing and axis scaling. The top 10 cities are displayed by default, with tooltips revealing precise percentage values.

Wwenleicao
84% match
Loading thumbnail…

Massachussetts Top 10 Crime City filter works

This interactive bar chart shows the top 10 cities in Massachusetts by crime rate, with a dropdown menu filtering results by community type (All, City, Rural, or Suburb). The visualization uses React to manage state and render the dropdown, while d3.scaleBand and d3.scaleLinear handle the axes and bar positioning. Crime data comes from a CSV file loaded via d3.csv, with each bar displaying a tooltip showing the exact crime ratio. The y-axis labels are formatted as percentages using d3.format, and the SVG rendering includes gridlines and axis ticks styled with CSS classes.

Wwenleicao
84% 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
83% 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
83% match
Loading thumbnail…

Massachussetts Top 10 Crime City filter works

A dropdown menu filters a bar chart of the top 10 cities in Massachusetts by crime rate, comparing All, City, Rural, and Suburb community types. The bars display the crime ratio as a percentage, with hover tooltips showing exact values. Built with React and D3 v5, it uses `scaleBand`, `scaleLinear`, and `csv` to load and visualize 2016 crime data, with SVG rendering for the chart and axes.

Wwenleicao
83% match