Getting Started
Installation
Install @memotux/vue-plot and its @observablehq/plot peer dependency using pnpm, npm, or yarn, then verify the installation.
Install Vue Plot and its peer dependency:
pnpm add @memotux/vue-plot @observablehq/plot
npm install @memotux/vue-plot @observablehq/plot
yarn add @memotux/vue-plot @observablehq/plot
@observablehq/plot is a required peer dependency. It is NOT bundled with Vue Plot — you must install it separately.Prerequisites
Before installing, make sure your project meets these requirements:
- Node.js 18 or later (Node 20+ recommended).
- Vue 3.5 or later, or Nuxt 3.12 / 4.x if you are using the Nuxt module.
- A package manager:
pnpm(used in this monorepo),npm, oryarn.
Vue Plot relies on Observable Plot as a peer dependency, so your package manager should warn you if it is missing.
Verify installation
After installing, verify both packages are present:
terminal
npm ls @memotux/vue-plot @observablehq/plot
Package versions
| Package | Minimum Version |
|---|---|
@memotux/vue-plot | 0.4.2 |
@observablehq/plot | 0.6.17 |
vue | 3.5.0 |
Troubleshooting
If VPlot or the mark components are not available after installation, check the following:
- Verify that
@observablehq/plotis installed at the same level as@memotux/vue-plot. - If you see a "Cannot find module" error, reinstall dependencies and clear your lockfile.
- For Vite projects, remember to configure
isCustomElementso Vue treats<Plot*>tags as custom elements (see Setup).
What's next?
- Setup — Configure Vite and register components