Skip to main content
SimilarExport ZIP
100%

Crime_dataset_cities vs crime rate

✓ Published0🌍 Public
Yyyaaa1
Last edited Oct 2, 2019
Created on Oct 2, 2019

This bar chart visualizes violent crime rates per 100,000 residents across U.S. metro areas from 1975 to 2015, comparing average rates for each city using data from the UCR crime dataset. The bars are sorted descending by crime rate, revealing Detroit as the highest and Nassau County as the lowest. Built with the vega-lite-api, it uses a bar mark with q/x/y channel encodings, a tooltip aggregating total population, and custom axis styling from a shared config.

AI-generated description

A visualization for U.S. Metro Areas Violent Crime Rates by Type using the vega-lite-api.

Completed task: Cities vs crime rate

Observation : Detroit had the highest average violent per 100k from 1975 to 2015, and Nassau County N.Y. had the lowest average violent per 100k.

Future improvements:

  1. add a Drop-down menu to filter by year
  2. change violent_per_100k to crime rate

Questions:

  1. How to add drop-down menu?
  2. How to perform row-level divide operation in vega-lite-api?
MIT Licensed

Similar vizzes

Loading thumbnail…

Crime_dataset_cities vs crime rate

This bar chart visualizes violent crime rates per 100,000 residents across U.S. metro areas from 1975 to 2015, comparing average rates for each city using data from the UCR crime dataset. The bars are sorted descending by crime rate, revealing Detroit as the highest and Nassau County as the lowest. Built with the vega-lite-api, it uses a bar mark with q/x/y channel encodings, a tooltip aggregating total population, and custom axis styling from a shared config.

Yyyaaa1
100% match
Loading thumbnail…

Crime_dataset_cities vs crime rate

This bar chart visualization compares average violent crime rates per 100,000 residents across U.S. metro areas from 1975 to 2015, using data from the UCR Crime dataset. The bars are sorted descending by violent_per_100k, showing Detroit with the highest rate and Nassau County, N.Y. with the lowest. Built with vega-lite-api, d3.v5, and Vega-Lite, the visualization loads CSV data via d3.csv and renders horizontal bars with tooltips displaying total population. The chart’s color scheme and axis styling are customized through a separate config file for readability.

Pprashant birajdar
97% match
Loading thumbnail…

Crime_dataset_year vs crime rates

This visualization displays U.S. metro area violent crime rates per 100,000 people as vertical bars across years, revealing a rise from 1987 to 1991 followed by a sharp decline through 2004. The chart uses Vega-Lite API with d3.csv to load the UCR crime dataset, encoding year on the x-axis and violent crimes per 100k on the y-axis. Bars are sized at 10 pixels, with tooltips showing total population, and the view is configured with custom axis styling and dark text for improved readability.

Yyyaaa1
82% match
Loading thumbnail…

Crime_dataset_year vs crime rates

A bar chart displays U.S. violent crime rates per 100,000 people from 1975 to 2015, showing a rise peaking around 1991 followed by a dramatic decline through 2015. The visualization uses the vega-lite-api to encode year as an ordinal field and violent crime rate as a quantitative field, rendered as bars. Data is loaded via d3.csv from a gist-hosted CSV file, with custom axis styling configured to improve readability.

Yyyaaa1
80% match
Loading thumbnail…

U.S. Metro Areas Violent Crime Rates

This visualization stacks area marks to show U.S. metro area violent crime rates per 100,000 people from 1975 to 2015, with each department colored distinctly. It uses the vega-lite-api to define the area chart, while vega and vega-lite handle rendering, and vega-tooltip provides interactive hover details. The fork deliberately applies stacking, revealing potential data errors in the source CSV. The code loads data via d3.csv and customizes axis and label styling through a config object.

CCurran Kelleher
78% match
Loading thumbnail…

Crime_rate vs year

This scatter plot displays the relationship between crime rate and year for U.S. metro areas, with each red semi-transparent circle representing a yearly data point. The visualization uses D3 v5 to load CSV data from a GitHub gist, mapping crime rate on the x-axis and year on the y-axis via `scaleLinear`. Both axes include gridlines and labels through `axisLeft` and `axisBottom`, while the SVG rendering supports custom styling for circles and text.

Yyyaaa1
76% match
Loading thumbnail…

Total Crimes Map

This map visualizes the total violent crime rates across U.S. metro areas from 1975 to 2015, with each city represented by a semi-transparent circle positioned by latitude and longitude. The visualization layers a geographic outline of U.S. states over the data points, using a color encoding to differentiate crime rates and years. Built with Vega-Lite and rendered through the vega-lite-api, the map employs an Albers USA projection and fetches crime data from a CSV file, while state boundaries come from a TopoJSON source. The tooltip feature provides detailed city information on hover.

Yyyaaa1
73% match
Loading thumbnail…

Massachussetts Top 10 Crime City by Crime Count/Population

This bar chart displays the top 10 Massachusetts cities by crime rate, calculated as the ratio of crime count to population for 2016. Users see the cities ranked along the x-axis, with each bar’s height representing its crime rate percentage. The visualization employs React and D3 v5, using `scaleBand` for the categorical axis and `scaleLinear` for the numeric scale, with SVG rendering. Data is loaded from a CSV via the `d3.csv` method, and hover tooltips show exact percentage values.

Wwenleicao
72% match