Svelte D3 Starter Kit

Building modern D3 visualizations with Svelte.

How to use

npx degit weiland/svelte-d3-starter project-name

or use the Use this template button

Alternatively, clone this repo:

git clone --depth=1 https://github.com/weiland/svelte-d3-starter project-name
cd project-name

# install dependencies (from package-lock.json)
npm ci

# but you can also feel free to use pnpm, yarn, bun or other.

More complex version using SvelteKit

Checkout the sveltekit branch.

Or run

npx degit weiland/svelte-d3-starter#sveltekit project-name

# or via git clone
git clone --depth=1 -b sveltekit https://github.com/weiland/svelte-d3-starter project-name

Uses

  • D3
  • Svelte
  • Tabs (see .editorconfig and .prettierrc.json)
  • Vite

Your TODOs

  • decide to strip down d3 to single modules

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes