observableplot-svelte-typescript Svelte Themes

Observableplot Svelte Typescript

Using DuckDB-Wasm to query a parquet file and plot the results using Observable Plot.

DuckDB-Wasm + Observable Plot + Svelte & TypeScript

Using DuckDB-Wasm to query a parquet file and plotting the results using Observable Plot.

Svelte is used, although this example should generalize well to other frameworks using Vite.

VS Code + Svelte.

How to run

  1. Clone repository to local machine
  2. Install dependencies with npm i
  3. Open browser at http://localhost:5173/

Sources

  1. Most of the DuckDB interface code is based off the sveltekit-typescript example
  2. The parquet file comes from Voltron Data's nyc-taxi-tiny dataset, which they host freely. They have an awesome tutorial on how to access the entire dataset as part of the vignette for the {arrow} R package.
  3. The scaffolding for this repository is provided by Vite's svelte-ts template. A new project with this template can be created using npm create vite@latest myapp -- --template svelte-ts.

Top categories

Loading Svelte Themes