Skip to main content
SimilarExport ZIP
100%

Massachusetts Crime Proportion by Community (final project)

✓ Published0🌍 Public
Wwenleicao
Last edited Oct 5, 2019
Created on Oct 5, 2019

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.

AI-generated description

A visualization constructed using the vega-lite-api.

Crime dataset is unpivot and reloaded in gist repository. This is used to visualize crime distribution in different community. Use 100% stack column chart. From the Chart, rural area have more Burglary, which city has more Robbery, Motor Viechil theft as well as violent crime

dateset intro is here

Gist is from here

modification for final project

  • Change from column chart to bar chart so that it is easier to compare the proportion visually
  • add additional tool tip to be user-friendly
MIT Licensed

Similar vizzes

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

Massachusetts crime count by community

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.

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

Massachusetts City Population by Crime Rate (Final Project)

This scatter plot compares Massachusetts city populations and crime rates, with each circle representing a city colored by county. The visualization reveals that cities with similar population ranges, such as New Bedford and Fall River, exhibit higher burglary rates compared to peers. Built with the vega-lite-api, it uses d3.csv to load crime data from a gist, applies a logarithmic population scale, and includes tooltips for county, city, population, and crime rate details. The config.js file customizes axis styling and typography for improved readability.

Wwenleicao
82% 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
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
82% match