[DataVizStudy]Points on the map

100%

[DataVizStudy]Points on the map

✓ Published1🌍 Public

Last edited Nov 4, 2019

Created on Nov 4, 2019

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.

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.

MIT Licensed

Similar vizzes

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

89% 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

88% 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…

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

77% 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

77% match

Loading thumbnail…

Dataviz 2020_Ep36 - 28. Points on a Map

This example displays world cities as semi-transparent points overlaid on a natural Earth projection, with the map rendered using D3’s geoNaturalEarth1 and geoPath for land, interiors, graticules, and a sphere outline. The points are positioned by projecting each city’s longitude and latitude through the same projection. Data comes from a world cities CSV and the world-atlas TopoJSON, loaded via d3.csv and d3.json, while React manages the component state and SVG rendering.

MMinwoo Pak

75% match

Loading thumbnail…

dv2020-ep36-viz38 - points on a map

This visualization displays a world map with over 50,000 cities plotted as points, using the Natural Earth dataset via the `topojson` library for geographic boundaries and a CSV of global city coordinates from Simplemaps. The map uses the `geoNaturalEarth1` projection and `geoPath` from d3 v5 to render countries, borders, shorelines, and graticules as SVG paths, with city data filtered by population and drawn as small circles. The React-based app loads data asynchronously and renders the interactive SVG within a fixed canvas, styled with a dark background and semi-transparent fills.

Zzach b.

75% 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

75% match