Attacks

Last edited Jan 23, 2026

Created on Jan 20, 2026

Forked from Fork of Week 6: IMDB Top 250 Movies Movie Bubble Chart: Movie Runtime Trends Over Time

This visualization maps 21 far-right extremist attacks in Germany in 1992, each represented by a red bubble, within a dense grey field of over 2,000 simulated smaller circles that convey the broader scale of incidents. The red bubbles are sized uniformly and positioned using a seeded random function, while a d3.forceSimulation with a forceCollide constraint packs all circles tightly into a circular boundary. The data comes from a CSV file listing attack names, locations, dates, and victim counts, rendered as a React component using d3.csv for loading and d3.select for SVG manipulation.

AI-generated description

MIT Licensed

Similar vizzes

Fork of Attacks

A cluster of small grey circles represents over two thousand xenophobic attacks in Germany during 1992, while twenty larger red circles mark the locations of fatal incidents. This visualization uses a force-directed layout with `d3.forceSimulation` and `d3.forceCollide` to pack circles tightly inside an invisible boundary. The data comes from a CSV file and shows that fatality-free attacks vastly outnumber lethal ones, emphasizing the scale of the phenomenon.

87% match

Fork of HAW: Bday Data viz

This interactive bubble chart visualizes the human toll of terrorist attacks, encoding each incident as a circle whose size and red color intensity correspond to the number of deaths. Built with React and D3 v7, the visualization uses `d3.forceSimulation` to position the bubbles in a force-directed layout, while custom hover interactions with `transition` and event listeners reveal detailed tooltips with the location, date, and death count. The are sized using a linear `radiusScale` and colored via a `colorScale`, both derived from the `attacksData` dataset.

75% match

Fork of Umfrage

This example presents a survey-driven data visualization of terrorist attack death tolls in Europe from 2015 to 2020. After users submit their guesses via sliders, the results phase renders an animated SVG bubble chart where circle size and color encode death counts, plotted against year on the x-axis and deaths on the y-axis. The visualization uses React for state management, d3.v7's `scaleLinear`, `selection.join`, and `.transition().ease()` for animated updates, with data loaded from CSV. Interactive features include tooltips on hover and clickable bubbles.

70% match

[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

70% match

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

Untitled

This visualization combines a bubble map of emergency reports with a date histogram. It uses React to render a Mercator projection of the Netherlands, plotting each incident as a red circle based on its coordinates. The accompanying histogram, built with d3's scaling, binning, and time-series functions, displays the daily count of reported incidents. Both views read from a CSV file containing geolocation and timestamp data.

Ssri7harsha

恐怖主义伤亡数

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

[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