rveciana - svelte-mapping-circles

Svelte mapping: circles

Open raw page in new tab

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.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>Svelte app</title>

    <link rel="stylesheet" href="bundle.css" />

    <script defer src="bundle.js"></script>
  </head>

  <body></body>
</html>