block by rveciana 653784cfab5d859610926733cfb14773

Svelte mapping: circles

Full Screen

Fourth example of a map drawn with Svelte and the d3 projections. Shows how to use elements on the map (circles in this case) that get transformed too.

Check this blog post from Geoexamples for more explanations.

To test it, clone the standard svelte template by

npx degit sveltejs/template svelte-app cd svelte-app

And copy the App.svelte, Feature.svelte and cities.js files into the src directory.

index.html

App.svelte

Feature.svelte

bundle.css

cities.js

global.css