Demos

Interactive demos showcasing Ripl Charts in real-world scenarios.

Available Demos

Freeform DrawingAn Excalidraw-style freeform drawing canvas — pencil, pen, highlighter, shapes, smart connectors and text, with pan/zoom via the Ripl navigator, selection, undo/redo and PNG/SVG export over a retained scene graph.Trading DashboardA live stock trading dashboard featuring market indices, commodities, symbol search, candlestick charts, and historical performance — all powered by the Alpha Vantage API.Product AnalyticsA product analytics dashboard with mock data featuring line, bar, pie, heatmap, sankey, funnel, gauge, and scatter charts with a period selector.Mermaid DiagramsA live Mermaid flowchart renderer that parses Mermaid syntax and draws diagrams using Ripl core elements with animated transitions and hover interactions.Jet Engine 3D (Canvas)An interactive 3D exploded view of a jet engine showcasing @ripl/3d with shaded wireframe rendering, orbit controls, and hover highlighting.Jet Engine 3D (WebGPU)The jet engine exploded view demo re-implemented with @ripl/webgpu — GPU-accelerated rendering with hardware depth testing, WGSL shaders, and 4× MSAA.Piston Mechanism 3DAn animated single-cylinder slider-crank showing a crankshaft, connecting rod, and piston head in mechanical motion — built with @ripl/3d.Interactive TerminalAn interactive terminal powered by @ripl/terminal with a menu-driven interface — choose from basic shapes, animations, or full chart demos (line, bar, stock, Gantt) rendered in Unicode braille.