Skip to main content
SimilarExport ZIP
100%

Crime_dataset_year vs crime rates

✓ Published0🌍 Public
Yyyaaa1
Last edited Sep 19, 2019
Created on Sep 19, 2019

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.

AI-generated description

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

This viz trys to explore the relationship between year and crime rates.

the violent per 100k went higher from 1987 to 1991, and decreased dramatically from 1966 to. 2004

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
92% 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
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
80% 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
79% match
Loading thumbnail…

EDAV 2022 TTh Project Group 31

This interactive bar chart compares violent crime rates per 100,000 population across 15 U.S. states and the District of Columbia for 2002 and 2014. Clicking the gray year label toggles between the two datasets, animating bar heights and colors via D3 v7 transitions. The chart uses `d3.scaleBand` and `d3.scaleLinear` for axes, with SVG rectangles rendered through `d3.selectAll` and a custom `update` function. Axis labels and margins are configured manually; data appears hardcoded in arrays rather than loaded from an external file.

NNaishadh Parmar
76% 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
75% match
Loading thumbnail…

A6 Diverging Color Bar Chart

This diverging bar chart visualizes changes in violent crime rates across U.S. states between 2000 and 2019, using a red-blue color scale to distinguish increases from decreases. The chart shows both positive and negative changes diverging from a central zero axis, with state labels positioned on the appropriate side of each bar. Built with D3 v7, it uses `d3.scaleDiverging` and `d3.scaleThreshold` for color mapping, while `d3.legendColor` renders the threshold legend. Data comes from the CORGIS dataset, and hovering reveals precise values. The visualization employs an SVG container with a centered y-axis and responsive sizing based on window dimensions.

NNoah C.
73% match