Total Crimes Map

100%

Total Crimes Map

✓ Published0🌍 Public

Last edited Oct 23, 2019

Created on Oct 20, 2019

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.

AI-generated description

Crimes map from crimes dataset. The data originally comes from the U.S. Metro Areas Violent Crime Rates by Type, 1975-2015

MIT Licensed

Similar vizzes

Loading thumbnail…

Total Crimes Map

This visualization displays the total number of crimes across U.S. cities using a choropleth map layered with circular points. The map renders U.S. states as geographic shapes and overlays city-level crime totals as circles, colored by value and showing city names on hover. It is built with Vega-Lite and the Vega-Lite API, using the `vl.markGeoshape` and `vl.markCircle` layers, an Albers USA projection, and TopoJSON data for state boundaries. Crime data originates from the U.S. Metro Areas Violent Crime Rates dataset, loaded via D3’s `csv` parser.

Yyyaaa1

93% 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

83% match

Loading thumbnail…

Working Tooltips

A choropleth-style scatterplot maps the geographic distribution of violent crime across U.S. states, using a circle for each crime incident. The visualization relies on vega-lite-api to construct the specification, which is registered with Vega and Vega-Lite, while a custom tooltip handler from vega-tooltip displays the department name on hover. Data is loaded from a GitHub-hosted CSV, with a filter excluding certain states and a calculated field for zip-code prefixes. The Albers USA projection and a color scale generated with d3’s range and hcl functions map coordinates and hue by crime count.

Yyyaaa1

80% match

Loading thumbnail…

Untitled

This interactive map visualizes violent crime rates across U.S. states from 1999 to 2019, with dropdown menus to select the year and crime type. Circles sized and colored by bivariate linear scales (d3.scaleLinear) are overlaid on a U.S. map projected using d3.geoAlbersUsa with d3.geoPath. The visualization uses d3.json to load state boundaries and coordinates, with hover tooltips showing state names and values.

Aajeuphoria

79% match

Loading thumbnail…

Untitled

A choropleth of the United States visualizes violent crime rates per state from 1999 to 2019. The map uses SVG circles positioned via `d3.geoAlbersUsa` and `d3.geoPath` to represent state-level crime counts, with circle size and color encoded through `d3.scaleLinear`. Users select a year and crime type (e.g., homicide, robbery) from dropdown menus, triggering a redraw of the map with updated data. The visualization loads state geometries from `us-states.json` and coordinates from `states_lon_lat.json`, with data from the `estimated_crimes_1999_2019.csv` file.

OOsasotur

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

77% match

Loading thumbnail…

Mass Crime Map with circle size corresponding to crime total count

This map shows the total crime count for each township in Massachusetts, with circle size proportionally scaled to the crime total using d3.scaleSqrt. The visualization combines town boundary paths rendered via d3.geoPath with a d3.geoAlbers projection, overlaid with crime data points positioned by longitude and latitude. Tooltips display city name, county name, and formatted crime counts. The crime data originates from FBI 2016 statistics, while geographic boundaries come from MassGIS shapefiles converted to Topojson. The visualization is built with React, D3 v5, and SVG rendering.

Wwenleicao

75% match

Loading thumbnail…

Sized Points on a Map

A geographic visualization displays US cities as circles, with area proportional to total crimes reported. City data originates from a CSV file, while state boundaries and graticules are drawn from the us-atlas TopoJSON. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering map features, and d3.scaleSqrt to map crime counts to circle radii. React and D3 v5 manage the SVG output, with semitransparent teal points layered over a muted landmass.

Yyyaaa1

75% match