Skip to main content
SimilarExport ZIP
100%

恐怖主义伤亡数

✓ Published0🌍 Public
XXiaoleiGuo
Last edited May 29, 2021
Created on May 29, 2021

This visualization combines a world bubble map with a time-series histogram to explore global terrorism casualties. The map displays circles scaled by the total dead and missing, while the histogram shows monthly casualty sums. A brush on the histogram filters the map’s circles interactively. The visualization uses React, D3 v5, and SVG, leveraging `geoNaturalEarth1` for the map projection, `scaleSqrt` for circle sizing, and `brushX` to enable time-range selection. Data comes from the Global Terrorism Database, with country boundaries from World Atlas TopoJSON.

AI-generated description

The final installment from the online course Datavis 2020.

A world map showing cities with population greater than 50,000. City data from Simplemaps: World Cities Database.

Country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

This iteration is optimized for performance using React's useMemo hook.

MIT Licensed

Similar vizzes

Loading thumbnail…

恐怖主义伤亡数（1979-2018）

This interactive visualization presents global terrorism casualties from 1979 to 2018, combining a world map with a linked time-series bar chart. Bubble sizes on the map encode the total dead and missing for each incident, while brushing across the date histogram filters the map to show only incidents within the selected period. The map uses d3.geoNaturalEarth1 with d3.geoPath for country boundaries and graticules, while the histogram applies d3.bin and d3.brushX. Data comes from a CSV file with approximate coordinates. React and D3 v5 render all elements as SVG, with useMemo optimizing performance.

XXiaoleiGuo
92% match
Loading thumbnail…

Terrorism map world

This map visualizes global terrorism incident data, using a square-root scale to encode the number of deaths from each attack as the radius of red circles. Built with React and D3.js (v5), it projects city coordinates onto a natural Earth projection via `geoNaturalEarth1()` and renders landmasses, graticules, and country boundaries using `geoPath` and TopoJSON data. Each incident is a circle with opacity, colored by the `Deaths` field from the provided CSV dataset.

Jjustineaeyels
81% match
Loading thumbnail…

[DataVizStudy]Using Size with Points on the map

This interactive world map displays global terrorism events from 2018, using the [2018 Global Terrorism Database](https://gist.github.com/hotdoujiang/e6064faca930a996230aa4dc3ccd8db0). Each point's radius encodes the number of people wounded or killed, with color set to a semi-transparent "bloody red" to visually emphasize severity. The visualization is built with React, D3 v5, and SVG, using the `d3.geoNaturalEarth1` projection for the map and `d3.geoPath` to render land boundaries and graticules. Point sizes are scaled via `d3.scaleSqrt` with a maximum radius of 13 pixels.

Hhotdoujiang
79% match
Loading thumbnail…

[DataVizStudy]Using Size and menu with Points on the map

This example displays global terrorism events from 2018 as points on a world map, with point size encoding the combined number of wounded and killed individuals. The visualization uses a React front-end and D3 v5, employing `d3.geoNaturalEarth1` and `d3.geoPath` to render the map from World Atlas TopoJSON data, while `scaleSqrt` maps data values to circle radii. The map includes graticules and country interiors for visual context, and the data is loaded as CSV and processed before rendering as SVG circles.

Hhotdoujiang
77% match
Loading thumbnail…

[DataVizStudy]Points on the map

This visualization displays the world’s country boundaries alongside 2018 global terrorism events, plotted as semi-transparent red points. Using a Natural Earth projection, it renders landmasses, graticules, and interior borders, then positions each event circle via the d3.geoNaturalEarth1 projection and d3.geoPath. The map is built with React, pulling geographic data from World Atlas TopoJSON and event coordinates from a CSV of the Global Terrorism Database.

Hhotdoujiang
75% match
Loading thumbnail…

A D3 map

This interactive visualization shows migrant deaths and disappearances worldwide, combining a geographic bubble map with a temporal histogram. A D3 natural Earth projection renders the world map, with semi-transparent circles sized by death counts using a square root scale. The histogram below aggregates monthly totals, and both views share the same dataset of recorded incidents. The visualization is built with React, D3 v4 geo and scale utilities, and SVG rendering, using data from the Missing Migrants Project.

Mmaavwin6
75% match
Loading thumbnail…

TODO: Migrant Deaths Linked Views with Brushing

This interactive visualization links a bubble map and a time-series histogram to explore migrant deaths and disappearances worldwide. The map displays the total dead and missing per location with bubble size scaled by magnitude, while the histogram shows monthly totals over time. Brushing a time range in the histogram filters the map’s bubbles to show only incidents within that period. The visualization uses React with d3.scaleSqrt, d3.geoNaturalEarth1, and d3.geoPath for mapping, and d3.brushX for the linked selection. Data comes from a CSV of Missing Migrants Global incidents.

WWarren-Fitzhenry
74% match
Loading thumbnail…

Multiple view Missing Migrants on Map

This interactive visualization combines a geographic bubble map with a time-series histogram to explore migrant deaths and disappearances globally. The map uses d3.geoNaturalEarth1 projection and d3.geoPath to render world atlas landmasses, with circle sizes scaled by the square root of the "Total Dead and Missing" value per location. The histogram bins reported dates by month using d3.bin and displays the summed fatalities via SVG rectangles. Both views are built with React components, leveraging d3.scaleSqrt, d3.scaleTime, and d3.scaleLinear to map data to visual encodings.

SShuyu Zheng
74% match