Fork of Umfrage

100%

Fork of Umfrage

✓ Published0🌍 Public

Nng.tuoanh.cbn@gmail.com

Last edited Jan 20, 2026

Created on Jan 20, 2026

Forked from 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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

Nng.tuoanh.cbn@gmail.com

78% match

Loading thumbnail…

Fork of Final

This interactive visualization combines a world map of suicide counts with a linked time-series histogram. Circles on a natural Earth projection encode suicide numbers by area, colored by category, with tooltips revealing country-specific details. A brushable histogram below filters the map by year, updating the displayed bubbles. The visualization uses React, D3 v5 modules like `geoNaturalEarth1`, `geoPath`, `scaleSqrt`, and `brushX`, rendering to SVG. Data comes from a CSV of suicide rates merged with city coordinates.

CConnor Rothschild

72% match

Loading thumbnail…

Fork of Fork of 112 Multiple Views

This example shows an interactive visualization of emergency incident data across the Netherlands. A geographic bubble map displays incident locations, while a synchronized date histogram below allows users to brush over time ranges, filtering the map to show only incidents within the selected period. The map uses D3’s `geoMercator` and `geoPath` projections, while the histogram pulls from `d3.bin`, `scaleTime`, and `brushX`. React manages state, and the data comes from a CSV of incident records with geographic coordinates.

KKamilPodsiadlo

72% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and a histogram to explore global migrant deaths. The map projects city coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with bubble sizes scaled by the square root of the "Total Dead and Missing" value. Beneath it, a time histogram bins events by month using `d3.bin` and `d3.timeMonths`. Data comes from the Missing Migrants Project CSV, while country boundaries use the World Atlas TopoJSON. The React-based SVG rendering separates concerns into modular components for marks and axes.

Ccwlronald

72% match

Loading thumbnail…

Umfrage

An interactive guessing game visualizes survey data on discrimination experiences across demographic groups, comparing user predictions with actual percentages. Participants adjust sliders to estimate rates, then view animated bubble charts using D3.js v7 and React that display the results with hover tooltips and comparative accuracy scoring. The visualization uses D3 scales and SVG rendering to represent data from a CSV file, showing that people with migration backgrounds report higher discrimination rates than those without.

Nng.tuoanh.cbn@gmail.com

71% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a world bubble map with a time-series histogram to explore migrant deaths and disappearances. The map projects city coordinates using `d3.geoNaturalEarth1` and `d3.geoPath`, with circle sizes scaled by `d3.scaleSqrt`. The histogram bins reported dates by month using `d3.histogram` and `d3.timeMonths`, summing deaths per bin. Data comes from the Missing Migrants Project CSV, while country boundaries use TopoJSON from World Atlas. The React components render SVG with D3 scales and axes.

EEdgar Alves

71% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This example combines a bubble map with a time-series histogram to visualize migrant deaths and disappearances worldwide. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` to render country boundaries and graticules, with circle sizes scaled by `d3.scaleSqrt`. A synchronized date histogram below aggregates monthly totals using `d3.histogram` and `d3.timeMonths`. Both views render as SVG within a React component, pulling data from a CSV of missing migrants and world-atlas TopoJSON boundaries.

Hhuizrh

71% match

Loading thumbnail…

Fork of Multiple Views Cleanup

This visualization combines a bubble map and a date histogram to show migrant deaths and disappearances. The map uses `geoNaturalEarth1` and `geoPath` to render world boundaries with circles scaled by `scaleSqrt`, while the histogram bins reported dates with `d3.histogram` and sums death counts per month. Data comes from the Missing Migrants Project CSV, loaded via `d3.csv`. Both views are rendered as SVG within a React app using `d3.scaleTime` and `d3.scaleLinear`.

Cchar0496

71% match