Skip to main content
SimilarExport ZIP
100%

U.S. Metro Areas Violent Crime Rates

✓ Published2🌍 Public
CCurran Kelleher
Last edited Sep 17, 2019
Created on Sep 16, 2019

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.

AI-generated description

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

This fork uses stacking to illustrate that there may be some errors in the data.

MIT Licensed

Similar vizzes

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
83% 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
83% 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
80% match
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
78% match
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
78% match
Loading thumbnail…

Scatter Plot with Menus

This interactive scatter plot displays U.S. Metro Areas violent crime data, letting users select which attribute to plot on each axis via dropdown menus. The visualization uses React for component-based rendering and d3.scaleLinear for axis scales, with SVG circles representing data points. Users can compare metrics including violent crime, homicides, robberies, and total population across metro areas. The chart includes axis labels, formatted tick values using d3.format, and a color legend with hover interactions that fade non-hovered categories. Data is loaded from a CSV file using d3.csv.

Yyyaaa1
77% 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…

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
75% match