LombokCharts
A zero-dependency charting library for the browser. It pairs a small grammar-of-graphics core (Data → Scale → Mark) with pluggable Canvas and SVG renderers, LTTB decimation, and a real-time streaming layer — so the same API draws a five-point bar chart or a five-million-point line without changing shape.

Features

  • Zero runtime dependencies. Native Canvas2D / SVG / ResizeObserver / requestAnimationFrame / typed arrays only.
  • Scales to millions Typed-array pipeline + LTTB decimation keeps million-point series interactive.
  • Real-time built in appendData, async iterators, EventSource, WebSocket — one redraw per frame.
  • Two renderers, one API. Canvas by default (fast path for huge series), SVG when you want crisp vector output or DOM-inspectable nodes.
  • Scales from tiny to massive. Typed-array pipeline plus Largest-Triangle-Three-Buckets (LTTB) decimation keeps million-point series interactive.
  • Tree-shakeable. Register only the marks you use and the rest is dropped by your bundler.
  • ~18 KB gzipped for the full build with every mark registered; far less for a custom subset.
  • Charts that scale from 5 points to 5 million.
  • Templates Trading Terminal Candlestick + volume + RSI with a synchronized crosshair, live order book, trade form, and watchlist sparklines.
  • Templates Analytics Dashboard KPI cards with sparklines, revenue area/line, donut, horizontal bar, treemap, and an activity heatmap.
  • Templates Monitoring Dashboard Real-time gauges, ring-buffered streaming areas, and a per-host latency sparkline table.
  • Templates CRM Dashboard Sidebar app-shell with a sales funnel, sankey lead flow, rep leaderboard, and contacts table.

Project Samples

Canvas and SVG renderers, LTTB decimation,real-time streaming layer Zero deps · Canvas + SVG · grammar-of-graphics Analytics dashboard template. Synthetic data via analytics-sim.js. Charts by LombokCharts, UI by LombokCSS. Try the design-style switcher and the date-range selector. LombokCharts stress LTTB decimation · Canvas fast path, Charts that scale from 5 points to 5 million. Comparison runs with LTTB on for both renderers (raw millions of nodes is infeasible for SVG). Numbers depend on your machine/GPU. All data is simulated in the browser via market-sim.js (GBM candles, synthetic order book, Wilder RSI). Charts by LombokCharts, UI by LombokCSS. Switch design styles by changing data-style on <html>.

Project Activity

See All Activity >

Categories

Frameworks, Web Development, Charting Libraries

License

Apache License V2.0

Follow LombokCharts

LombokCharts Web Site

Other Useful Business Software
Build Data Resilience - Take the Assessment Today Icon
Build Data Resilience - Take the Assessment Today

Can you recover when it matters most? Take this quick assessment to identify gaps and build greater recovery confidence.

Is your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
Take the Assessment
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of LombokCharts!

Additional Project Details

Operating Systems

Android, Apple iPhone, ChromeOS, Linux, Mac, Windows

Intended Audience

Developers

User Interface

Web-based

Programming Language

JavaScript

Related Categories

JavaScript Frameworks, JavaScript Web Development Software, JavaScript Charting Libraries

Registered

2026-07-05
Report inappropriate content