Skip to main content
SimilarExport ZIP
100%

Total Crimes Map

✓ Published1🌍 Public
Yyyaaa1
Last edited Oct 20, 2019
Created on Oct 20, 2019

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.

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

maps

This choropleth map shows U.S. state crime rates per 100,000 people, with states colored on a sequential orange-red scale based on values loaded from a CSV file. The visualization uses D3 v7 and TopoJSON to render state boundaries via `d3.geoAlbersUsa` projection and `d3.geoPath`, while encoding data with `d3.scaleSequential` and `d3.interpolateOrRd`. A canvas-generated gradient legend with a `d3.axisBottom` scale accompanies the SVG map, and hover interactions display crime values and state names in a tooltip.

Vvydeeshm@gmail.com
79% match
Loading thumbnail…

Mass Crime Map with circle size corresponding to crime total count

A choropleth map of Massachusetts overlays crime data as scaled circles, with each circle's radius proportional to the total crime count per location. The visualization uses a React component with D3 v5’s `geoAlbers` projection and `geoPath` to render state boundaries from TopoJSON, while circles are positioned via the same projection and sized with a `scaleSqrt` function. Crime statistics are loaded from a CSV file, and the SVG rendering is handled through D3 selections within the React framework.

Wwenleicao
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
78% 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
77% match
Loading thumbnail…

U.S Map Crime Rates

A choropleth map of the United States displays violent crime rates per 100,000 people for each state, using a yellow-to-red color gradient where darker shades indicate higher crime rates. The visualization relies on D3 v7 for SVG rendering, using `d3.geoPath` to draw state boundaries and a linear color scale to encode the 2005 FBI Uniform Crime Reporting data. Hovering over a state triggers a CSS opacity transition and reveals a floating tooltip with the specific crime value, while a gradient legend bar below the map provides the color-to-value mapping.

Mmustafaksyed1@gmail.com
76% match
Loading thumbnail…

US Crime Rate Map

A choropleth map of the United States displays per-state crime rates using a sequential color scale from light pink to dark red. Hovering over a state highlights its border and reveals a tooltip with the state name and crime rate. The visualization uses D3 v7 and topojson to load US Atlas GeoJSON data, projecting it with `d3.geoAlbersUsa` and rendering paths via `d3.geoPath`. Crime values are mapped to colors using `d3.scaleQuantize`, with mouse events and a tooltip div providing interaction.

Sshreshnaanugu@gmail.com
76% match