Map of World Happiness Data

100%

Map of World Happiness Data

✓ Published1🌍 Public

Last edited Oct 3, 2019

Created on Oct 3, 2019

Forked from Map of Nuclear Explosions with Data

A world map rendered in SVG displays nuclear explosion locations as small points on a Mercator projection. The visualization uses the World Atlas TopoJSON for land interiors and graticules, with the `geoPath` API to draw the map. Each data point is positioned via the `geoMercator` projection and includes a hover tooltip showing its latitude and longitude. The data comes from a CSV of nuclear explosions, loaded with the D3 `csv` function, and the entire chart is built with React and D3 v5.

AI-generated description

World Atlas TopoJSON. The points are off by a small fraction (down and to the left) however it fits much better on the Mercator projection over the Natural Earth projection. When the user hovers over each point, they can see the latitude and logitude of that deployment.

MIT Licensed

Similar vizzes

Loading thumbnail…

Map of Nuclear Explosions with Data

This example plots nuclear explosion locations on a world map using a Mercator projection, with each point positioned by longitude and latitude. Hovering over a point reveals its coordinates and name via a tooltip. The map includes graticules, land masses, and country interiors, rendered as SVG paths using `d3.geoPath` and `d3.geoMercator`. It uses React for component rendering, `d3.csv` to load the nuclear explosions dataset, and TopoJSON with World Atlas data for the map features.

CCurran Kelleher

89% match

Loading thumbnail…

world_map

This interactive world map visualizes the locations of nuclear explosions overlaid on a wireframe globe, rendered as an animated SVG. It uses a React wrapper around D3 v3’s `geoMercator` projection, `geoPath`, and `geoGraticule` to draw land, interiors, and graticules from TopoJSON country data. Nuclear event points, sourced from a CSV file, are positioned via the projection and appear as circles with tooltips. A sphere outline and data-driven layer highlight the geographic scatterplot design.

Ttgrex6

87% match

Loading thumbnail…

World Happiness Scores by Country

This example visualizes global nuclear explosion data on a world map, with each detonation represented by a colored circle whose size corresponds to yield magnitude. The map uses D3’s geoNaturalEarth1 projection and geoPath to render landmasses, graticules, and country borders from TopoJSON data. A scaleOrdinal color scale assigns distinct hues per country, while a scaleSqrt maps yield values to circle radii. React manages hover interactions, dimming non-hovered points via opacity and filtering the top layer to highlight selected countries. The legend, built with React components, supports interactive filtering of the dataset.

Mmkt-ds

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

83% match

Loading thumbnail…

Loading Vaccination population into globe

This example displays nuclear explosion locations as points on an interactive globe using a Mercator projection. The visualization combines world map data with nuclear event coordinates, rendering land masses in brown, graticules, and country borders via `geoPath` from d3.v3. Each explosion site appears as a circle with a tooltip showing its name and coordinates. The React-based implementation loads TopoJSON world atlas data and CSV nuclear records, then projects longitude and latitude pairs through `geoMercator` to position the SVG marks and sphere.

SSeekerzero

82% match

Loading thumbnail…

Globe Zoom - Animate

A world map in a Mercator projection displays nuclear explosion sites as small circles, with each point showing the location's name, latitude, and longitude in a tooltip. The visualization uses D3 v3 with geo projections, SVG paths for land and graticules, and React to render the map and data loading. The underlying data comes from a CSV of nuclear explosions and a world-atlas TopoJSON file.

Aaishwarya8615

82% match

Loading thumbnail…

Globe Zoom - Animate

This visualization presents global nuclear explosion data as a scatterplot over a Mercator-projected world map using SVG. The map shows land masses in brown and country borders, while each nuclear event appears as a circle with a tooltip displaying its name and coordinates. Built with D3 v3 and React, it uses `d3.geoMercator` and `d3.geoPath` for rendering, loading map topology from world-atlas and CSV data from a GitHub gist. The visualization supports interactive zoom and rotation through additional geo-projection scripts, with color palettes and legends enhancing the display.

Mmkt-ds

82% match

Loading thumbnail…

Final Project: Map of Nuclear Explosions

This interactive world map visualizes over 2,000 nuclear explosions from the Nuclear Explosions dataset, plotting each event by latitude and longitude using d3.geoPath with a Natural Earth TopoJSON basemap. Point size encodes yield magnitude via d3.scaleSqrt, while color represents the responsible country using d3.scaleOrdinal. Users can filter deployments by purpose and type through dropdown menus, hover over the color legend to isolate countries, and click points to view details. A d3.brushX-enabled histogram below displays yearly event counts, allowing time-range selection that filters the map.

JJoker-tr

82% match