Skip to main content
SimilarExport ZIP
100%

[DataVizStudy]Using Size with Points on the map

✓ Published1🌍 Public
Hhotdoujiang
Last edited Nov 5, 2019
Created on Nov 4, 2019

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.

AI-generated description

The world map shows country boundaries from World Atlas TopoJSON, polished for visual style, including graticules.

The points on the map shows 2018 global terrorism events.

The size of the points represents the number of people who were wounded or killed in the terrorism event.

I try to adjust the points color to bloody red to make the points look like blood. And multiple views are to be added in the viz.

MIT Licensed

Similar vizzes

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
95% 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
89% 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
83% match
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
79% match
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
77% match
Loading thumbnail…

Sized Points on a Map

This visualization shows a world map with sized points representing nuclear explosions, where the point radius corresponds to the blast depth. The map is rendered using SVG with D3’s `geoNaturalEarth1` projection, showing graticules, land masses, and country boundaries from the World Atlas TopoJSON. City data, sourced from a CSV of nuclear explosions, is plotted as semi-transparent teal circles scaled by a `scaleSqrt` size scale based on depth values. The visualization is built with React, D3 v5 for geospatial projection and data loading, and topojson for processing world atlas shapes.

RRochelle
76% match
Loading thumbnail…

Sized Points on a Map

This example displays a world map with circles sized by city violent crime rates, using a square-root scale to encode the data. The map includes landmasses, graticules, and country borders rendered via `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from D3 v5. City coordinates are projected from longitude and latitude to SVG circle positions. The visualization is built with React, loads data via `useWorldAtlas` and `useCities` hooks, and uses TopoJSON for country boundaries and CSV crime data.

Yyyaaa1
75% match
Loading thumbnail…

Fork of Points on a Map

This interactive visualization plots missing migrant incidents from a 2019 global dataset on an SVG world map. The map uses d3.geoNaturalEarth1, d3.geoPath, and topojson to render landmasses, graticules, and interiors, while scaled circles (d3.scaleSqrt) encode total deaths and missing persons per location. The React-based bubble map displays the raw geographic distribution, with a temporal histogram component available for analyzing casualty counts by reported date. The visualization is built with d3.v5 and React, loading data via d3.csv and world atlas GeoJSON.

AAnthony Zornig
75% match