Skip to main content
SimilarExport ZIP
100%

Data point's op de kaart met enquete data

✓ Published0🌍 Public
RRamon96
Last edited Nov 14, 2019
Created on Nov 13, 2019

A world map displays survey responses as individual data points, each marking a GPS coordinate where a respondent found a place beautiful. The map uses a Mercator projection with `d3.geoPath` to render country boundaries from TopoJSON, while coordinate cleaning and DMS conversion happen in a separate module. Points are drawn as SVG circles using `d3.geoMercator`. The visualization supports pan and zoom through d3’s `zoom` behavior, applied to the map group.

AI-generated description
MIT Licensed

Similar vizzes

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
74% match
Loading thumbnail…

Points on a Map

A world map rendered with SVG marks shows the globe in muted grays with graticule lines and country borders, overlaid with translucent teal circles sized by city population. The visualization uses a React component with d3’s geoNaturalEarth1 projection and geoPath to draw land and interiors from a TopoJSON world atlas, while city coordinates from a CSV are projected and drawn as circles with a square-root scale mapped to population. The data comes from the Data Canvas Sense Your City Dataset.

AAndrea Picciau
74% match
Loading thumbnail…

Points on a Map

A world map populated with semi-transparent circles representing the populations of cities from a cleaned World Cities dataset. The visualization uses a Natural Earth projection rendered with `d3.geoPath`, layering graticules, land masses, and country borders beneath the points. Circle radii are scaled with `d3.scaleSqrt` based on population, capped at a maximum radius of 15 pixels. The React component fetches TopoJSON world atlas data and CSV city data, then renders the SVG marks with D3 v5.

Wwindwaver
73% match
Loading thumbnail…

Points on map

A world map rendered with a dark sphere and graticule grid, with landmasses in dark blue and country borders as faint strokes. Circles sized by population are overlaid at city coordinates using the natural Earth projection. The visualization uses React with D3 v5, specifically `geoNaturalEarth1` and `geoPath`, with SVG rendering. City data comes from a CSV of world cities, while country boundaries load from the world-atlas TopoJSON dataset.

JJenny
73% match
Loading thumbnail…

Points on a Map

This visualization displays a world map with circles representing the populations of cities, scaled using a square root scale from D3. The map, rendered as SVG in a React app, uses the D3 `geoNaturalEarth1` projection to place points. Geographic data comes from the world-atlas TopoJSON via `topojson.feature` and `topojson.mesh`, while city data loads from a CSV. The graticule, sphere, and land outlines are styled via CSS, and the semi-transparent teal circles have opacity set to 0.3.

Vvmonney
73% match
Loading thumbnail…

Points on a Map

A world map rendered in SVG displays city points overlaid on landmasses and graticules. The visualization uses d3.geoNaturalEarth1 for projection and d3.geoPath to draw geographic features from World Atlas TopoJSON data. Each city is plotted as a semi-transparent circle positioned via the projection function. City coordinates come from a CSV dataset loaded with d3.csv, while topography is handled with topojson.feature and topojson.mesh.

OOleg Zhernovoy
73% match
Loading thumbnail…

Points on a Map

A world map displays country boundaries and graticules, with hundreds of semi-transparent points marking city locations. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` to render landmasses and interiors from World Atlas Topojson, while city coordinates are projected and drawn as SVG circles. React manages the component state, fetching data via `useEffect` and D3’s `csv` and `json` loaders.

FFloorNummer
73% match
Loading thumbnail…

Points on a Map

A world map displays cities as semi-transparent teal circles, with circle size encoding population via a square-root scale. The map uses a Natural Earth projection with land masses, graticules, and country interiors rendered via `geoPath` and `geoGraticule` from D3. The React app loads TopoJSON from World Atlas and CSV city data, then projects coordinates through `geoNaturalEarth1` to position the SVG circles.

AAnkit-Ian-53787
73% match