Demos

Interactive demos showcasing Ripl Charts in real-world scenarios.

Available Demos

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.Combustion Engine 3DAn animated inline 4-cylinder combustion engine with crankshaft, pistons, connecting rods, camshaft, valves, and full 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.