svelte-visualization-template

Svelte Visualization Template

A barebones starter template for making data visualizations with Svelte + D3.

Svelte for Data Visualization | Starter Template

This is a simple template for creating data visualizations with Svelte. It was primarily created for my upcoming /newline course, "Better Data Visualizations with Svelte."

It uses Svelte and D3. The D3 modules most commonly used in data visualization are already installed.

It also includes a simple CSS reset, as existing Svelte templates sometimes have styles that break data visualizations. There is little else added, the template is meant to be barebones.

Getting started

1. Clone the template

You can clone this template in one of two ways:

  1. Click the green "Use this template" button on GitHub
  2. On the command line, run npx degit connorrothschild/svelte-visualization-template

2. Install dependencies

Run npm install or pnpm install to install the dependencies.

3. Start the development server

Run npm run dev to start the development server.

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes