SVG Mirror — Full Library Showcase

Un único ejemplo interactivo que replica todos los charts y demos 2D de Velo Plot con renderer: 'svg'. Misma API, mismos plugins y mismas interacciones que los ejemplos canvas/WebGL.

Bundle requirement

renderer: 'svg' requiere un entry extendido: velo-plot/trading, velo-plot/scientific, o velo-plot/full.

Uso

import { createChart } from 'velo-plot/trading'

const chart = createChart({
  container: document.getElementById('chart')!,
  renderer: 'svg',
})

API renderer · Image export

---

Mirror completo (2D)

Navegá por categoría o usá el hash (#trading-replay, #series-polar, etc.).

Basic Chart

Line chart with 10K points

Live SVGCanvas example →

📊 0 points 🚀 0 FPS

Scroll to zoom • Drag to pan • Right-drag for box zoom

---

Fuera del mirror SVG

Área	Motivo
Charts 3D (13 ejemplos)	WebGL/WebGPU — sin homólogo vector
30M points	Solo WebGL
Offscreen	Pipeline WebGPU

Los demos de rendimiento extremo aparecen como SVG lite (menos puntos, misma API).

---

Stacks multi-pane

import { createStackedChart } from 'velo-plot/trading'

const stack = createStackedChart({
  container,
  panes: [
    { id: 'price', height: 0.6, chart: { renderer: 'svg' } },
    { id: 'volume', height: 0.4, chart: { renderer: 'svg' } },
  ],
})