Svelte 5 Micro-Chart – Data Visualization

SVG-based step charts and bar histograms. Pure CSS styling with no client-side charting libraries. Ideal for sparklines.

svelte charts svgsparklines sveltedashboard analytics

Preview

Component preview

Use Case

Designed for high-performance sparklines and data previews. Zero-dependency implementation ensures instant loading and perfect scaling.

Props API

Plot component props
PropTypeDefaultDescription
data PlotDataPoint[][]Array of data points { label, value }
type 'bar' | 'step''bar'Chart visualization type
height number120Chart height in pixels
class string—Additional CSS classes

Related Components

TickerPanel

See it in Action

Explore the Plot in an interactive dashboard environment.

Customize in Showroom

More Data Display Components

DataTable

Designed for high-density data visualization in Logistics control panels, this Svelte 5 DataTable supports row selection, stock level meters, and status tags.

Ticker

Optimized for Fintech applications, this ticker handles 60+ updates per second using Svelte 5 Runes for fine-grained reactivity.

Meter

Inspired by Braun audio equipment, this LED meter provides instant visual feedback for system metrics.