Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
XXiaoleiGuo
Last edited Jun 19, 2021
Created on Jun 12, 2021

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.

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…

恐怖主义伤亡数

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.

XXiaoleiGuo
92% 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
77% 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
77% match
Loading thumbnail…

Global Terrorism Dataset Visualization

This visualization uses a bar chart to display terrorist attacks in the United States from 1975 to 2017, showing perpetrators against target types, with color encoding for weapon types. The chart reveals that Private Citizens & Property and Business are common targets across many perpetrators, while the predominance of green blocks indicates Explosives/Bombs/Dynamite as the preferred weapon. The visualization is built with the Vega-Lite API, which translates its high-level specification into Vega for rendering, and loads its data from a CSV file via d3's `csv` method. Tooltip interactions are handled through the vega-tooltip library.

Hhotdoujiang
74% 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
73% 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
72% match
Loading thumbnail…

Terrorism Attacks Choropleth Map

A choropleth map visualizes the number of terrorist attacks per country in 2021, using a sequential yellow-to-red color scale to represent attack counts, with gray indicating missing data. The map displays country boundaries and graticules, rendering with React and D3’s `geoNaturalEarth1` projection via `geoPath`. Data comes from a CSV of terrorist attacks, joined to ISO country codes, while the map geometry uses TopoJSON from the World Atlas.

TTatyana Milanova
72% 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
71% match