Skip to main content
SimilarExport ZIP
100%

ICE_8_USA_TopoJson_PY

✓ Published0🌍 Public
PPY09052021
Last edited Apr 5, 2022
Created on Apr 1, 2022

This example visualizes fatal police shooting incidents across the United States as a scatter plot overlaid on a map of state boundaries. The map is rendered using `d3.geoPath` with the `geoAlbersUsa` projection, projecting TopoJSON state geometries converted via `feature` from the `us-atlas` dataset. Incident locations are plotted using longitude and latitude coordinates from a CSV of police shooting records, with each point positioned through the same projection. The visualization is built with React and D3 v5, using SVG for rendering and showing a stitched map of the contiguous states, Alaska, and Hawaii.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fatal Police Shootings Mapped Across the U.S.

This example maps fatal police shootings across the United States as semi-transparent blue circles over a geographic outline of state boundaries. The visualization uses a d3.geoAlbers projection with d3.geoPath to render the map, while each incident’s coordinates are projected and drawn as SVG circles with opacity to reveal density clusters near population centers. Data comes from the Washington Post’s Fatal Police Shootings Database, parsed via d3.csv, and the map geometry is loaded from the us-atlas TopoJSON file using topojson.feature. The React-based component structure separates map rendering and data loading hooks.

MMartin Blatz
81% match
Loading thumbnail…

Fatal Police Shootings Working Copy

This visualization maps fatal police shootings across the United States, with semi-transparent red circles indicating the density of incidents. It overlays these points on a map of state boundaries using the `geoAlbersUsa` projection and `d3.geoPath`. The data comes from the Washington Post’s Fatal Police Shootings database, loaded via `d3.csv`, while the map uses TopoJSON from the us-atlas package. React manages the rendering, with the `useData` and `useUSGeo` hooks fetching the datasets.

MMartin Blatz
81% match
Loading thumbnail…

Fatal Police Shootings Working Copy

This interactive visualization maps fatal police shootings across the United States, using semitransparent red circles to reveal clusters of incidents and highlight regions with higher event density. The application loads CSV data from the Washington Post’s Fatal Police Shootings database and renders it atop state boundaries from a TopoJSON atlas. Built with React and D3 v5, it uses d3.geoAlbersUsa for projection and d3.geoPath to draw the geographic features, encoding each shooting as a small circle positioned by its longitude and latitude.

AAbdul Salam Almadani
80% match
Loading thumbnail…

Fork of Fork of Fatal Police Shootings In the U.S. Since 2015

A choropleth map of fatal police shootings in the U.S. since 2015, using d3.geoAlbersUsa and d3.geoPath to project state boundaries from a TopoJSON atlas. Points are plotted as circles, color-coded by a selected attribute (e.g., race, gender, threat level) via an interactive legend. A bar chart shows the count of each category, and hovering over the legend highlights matching incidents. The CSV data is from the Washington Post, parsed with d3.csv.

GGiosec
79% match
Loading thumbnail…

ICE_8 US_Map

This example displays a choropleth-style map of the United States, with state boundaries highlighted in red against a black landmass and an aqua ocean background. It uses D3’s `geoAlbers` projection and `geoPath` to render the map, while `geoGraticule` draws grid lines. Data comes from TopoJSON in the US Atlas, loaded via `d3.json` and processed with `topojson.feature` and `topojson.mesh`. The visualization is built with React, rendering SVG elements through a `Marks` component.

SShivaKarpe
79% match
Loading thumbnail…

Fatal Police Shootings Mapped with Data Cleaned

This interactive map displays fatal police shootings across the United States, with red semi-transparent circles marking each event to reveal density clusters in population centers. The visualization uses the react framework with d3.geoAlbersUsa projection and d3.geoPath to render state boundaries from the us-atlas TopoJSON, while plotting incident coordinates from the Washington Post’s Fatal Police Shootings database. The code also cleans null data entries, converting blanks to “Unknown” for categorical fields and -1 for missing ages, and aggregates incident counts per state using d3.nest() for future analysis.

MMartin Blatz
79% match
Loading thumbnail…

ICE8 - USA Map

This example renders a polished map of the United States using D3’s `geoAlbers` projection and `geoPath` to draw state boundaries and graticules. TopoJSON data from the US Atlas (`states-10m.json`) is loaded via `d3.json`, with `feature` and `mesh` extracting land and interior borders. React manages the SVG output, styling the land in white, sphere in blue, and interiors in red. The visualization highlights geographic boundaries with a clean, minimal aesthetic.

Sshabbab01
78% match
Loading thumbnail…

ICE8 - USA Map

This example renders a polished map of the United States using D3’s `geoAlbers` projection and `geoPath` to draw state boundaries and graticules. TopoJSON data from the US Atlas (`states-10m.json`) is loaded via `d3.json`, with `feature` and `mesh` extracting land and interior borders. React manages the SVG output, styling the land in white, sphere in blue, and interiors in red. The visualization highlights geographic boundaries with a clean, minimal aesthetic.

Sshabbab01
78% match