Skip to main content
SimilarExport ZIP
100%

Massachusetts crime count by community

✓ Published1🌍 Public
Wwenleicao
Last edited Sep 18, 2019
Created on Sep 15, 2019

This visualization compares crime type distributions across Massachusetts communities using a small-multiple bar chart, with each panel representing a community type (city, suburban, or rural) and bars encoding logged crime counts for categories like burglary and property crime. The data is aggregated via `vl.aggregate` and grouped by community and crime type, then rendered with `vl.markBar`, using VEGA-Lite alongside D3 for CSV loading and Vega Tooltip for hover details. The logged y-axis reveals proportionally higher property crimes in rural areas despite lower absolute counts.

AI-generated description

A visualization constructed using the vega-lite-api.

Question related with this dataset

  1. geo distribution of crime in map?
  2. any crime type difference in city, suburban, and rural
  3. what are the top 5 crime/population in massachusetts?

I try to implement a visual to show 2.
the orignal dataset structure did not support, I have to unpivot I tried to use function of vega lite. but found there is a pivot function, but unpivot is not support yet. I end up unpivoting it in excel and load to the gist.

since rural area has very few record, while city has much more record, I have to use log scale to show rural. This might not a best options to show. Since the height may be distorted during to log scale. 100% stack column chart can show proportion better.

I forked Curran's normalized stack chart and modify a bit. see here.

This clearly indicated rural area has more burglary and property crime, probably due to few people.

dateset intro is here

Gist is from here

MIT Licensed

Similar vizzes

Loading thumbnail…

Massachusetts Crime Proportion by Community (final project)

This visualization shows the proportion of different crime types across Massachusetts communities, using a stacked, normalized bar chart to compare relative shares. Rural areas exhibit more burglary, while cities show higher rates of robbery, motor vehicle theft, and violent crime. Built with vega-lite-api on d3.v5, it loads CSV data from a GitHub gist, aggregates crime counts by community and type, and renders horizontal bars with tableau20 color coding. The config adjusts font sizes and axis styling, while vega-tooltip provides interactive crime-type and count details on hover.

Wwenleicao
91% match
Loading thumbnail…

Massachusetts Crime Proportion by Community

This example visualizes the proportion of different crime types across Massachusetts communities using a 100% stacked bar chart. Each bar represents a community type, with segments showing the normalized share of burglary, robbery, motor vehicle theft, and violent crime. The chart reveals that rural areas have a higher proportion of burglary, while cities show more robbery and motor vehicle theft. Built with d3.v5, the visualization uses the vega-lite-api to aggregate crime counts by community and crime type, with data loaded from a CSV via d3.csv. The view is rendered as an SVG, with customized axis and label styling for improved readability.

Wwenleicao
90% match
Loading thumbnail…

Massachusetts City Population by Burglary

This visualization compares burglary counts across Massachusetts communities using a bar chart with a logarithmic scale, making large value differences readable. The chart groups bars by community, with crime type on the x-axis and total crime count on the y-axis, colored by crime type. Built with the vega-lite-api library, it uses d3.v5 to load and unpivot a CSV dataset fetched from a Gist, then aggregates counts per community and crime type via `vl.aggregate` and `vl.sum`. Custom axis styling in `config.js` improves label readability.

Yyuzhang21
87% match
Loading thumbnail…

Massachusetts City Population by Burglary

This visualization displays the distribution of crime counts across Massachusetts communities, with each bar representing a town and colored segments showing the proportional contribution of different crime types. The data comes from a CSV file of unpivoted Massachusetts crime statistics, loaded via d3.csv. The visualization uses the vega-lite-api to build a stacked bar chart, aggregating the count field by community and crime type, with the y-axis normalized to show proportions. The chart is configured with custom axis styling for improved readability, and a tooltip handler provides interactive details on hover.

CCurran Kelleher
85% 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
81% 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
80% 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
80% match
Loading thumbnail…

Massachussetts Top 10 Crime City add filter

A bar chart displays the top 10 Massachusetts cities by crime rate, filtered by community type (all, city, rural, suburb). The visualization uses React with D3 v5's `scaleLinear`, `scaleBand`, and `format` to render SVG rectangles. Crime ratio data comes from a CSV of the 2016 Massachusetts crime dataset. A Dropdown component controls the community filter, re-filtering the data and updating the chart dynamically.

Wwenleicao
80% match