ChartGPU Examples

• Hello World
  Animated clear color cycling through the color spectrum - demonstrates continuous rendering
• Basic Line
  Sine wave line series (100 points) with grid + axes - demonstrates ChartGPU.create + setOption + resize
• Data Update Animation
  Updates data and animates (cartesian y + scale/domain, pie slice angles)
• Multi-Series Animation
  Single chart with line, bar, scatter, and area series animating on data update — configurable line width
• Streaming Dashboard
  APM-style multi-chart dashboard — five live charts streaming latency percentiles, throughput, CPU/memory, error rates, and connection pool metrics with real-time annotations
• Scatter
  Scatter plot with ~10k points - fixed symbolSize, per-point [x,y,size], and symbolSize function
• Scatter Density (1M)
  1M point scatter rendered as a screen-space density map (GPU binning + colormap) — not a data-grid heatmap; see Uniform Heatmap for spectrograms
• Uniform Heatmap / Spectrogram
  Data-grid heatmap (type: 'heatmap') with static peaks + live updating spectrogram window, colormap/z-range controls, and cell tooltips
• Band / Range Series
  Fill between y and y1 (type: 'band') — confidence intervals, live min–max envelopes, threshold fills; dual edge strokes + tooltips
• Error Bars
  Per-point high/low whiskers (type: 'errorBar') — SciChart HLC style; errorMode, capWidth, center markers; dual series mean line
• Step / Digital Line + Mountain
  Stairs via step on line/area (after/before/middle) — SciChart isDigitalLine; mountain fill follows stepped top; not dense hairline
• Impulse / Stem Series
  Vertical stems baseline→y (type: 'impulse') — SciChart FastImpulseRenderableSeries; optional markers; not errorBar HLC
• Stacked Mountain / Area
  Multi-series composition fill via stack on line+areaStyle (or type: 'area') — layers sit on cumulative peers; toggle stack off for overlay mode
• 3D Showcase
  Labeled axes + grids, surface isolines, LiDAR cloud FIFO, scrolling surface strip, pick tooltips — product-ready cartesian3d hero demo
• 3D Point Cloud
  cartesian3d + pointCloud3d — XYZ billboards with depth, orbit/pan/zoom camera (not scatter density)
• 3D Surface
  surface3d uniform XZ height field with colormap, lighting, wireframe; can coexist with point clouds
• Zoom-aware Sampling
  Zoom in for more detail, zoom out for performance (debounced re-sampling of visible range)
• Million Point Benchmark
  1M points benchmark with sampling toggle and FPS comparison (raw vs sampled)
• Ultimate Benchmark
  Hardcore benchmark UI with exact FPS + frame-time metrics, multi-series stress, and streaming append (main thread)
• Performance Baseline
  Fixed scenarios (static / hover / zoom / stream) reporting FPS + CPU frame time as JSON for regression tracking
• Live Streaming
  Streaming appendData demo with autoScroll toggle + dataZoom slider
• Grouped Bar
  Clustered + stacked bars (stack + barWidth/barGap/barCategoryGap + negative values)
• Candlestick
  Financial OHLC chart with classic/hollow style toggle and customizable colors + border width
• OHLC Bars
  Thin open–high–low–close bars (type: 'ohlc') with candlestick ↔ ohlc toggle on the same OHLCDataPoint data
• Candlestick Streaming
  Professional crypto trading terminal with live tick simulation at 75/sec, real-time candle aggregation, and streaming updates
• Pie / Donut
  Two charts: a pie (inner radius 0) and a donut (inner radius > 0) with per-slice colors
• Grid Renderer Test
  Interactive grid renderer with configurable line counts - demonstrates grid rendering and clip-space coordinates
• Chart Sync
  Two charts with synced crosshair x-position and axis tooltip x-value (via connectCharts)
• Interactive
  Two stacked charts with synced crosshair and axis tooltip, plus click logging for interactions
• Annotations
  Comprehensive annotation demo with reference lines, point markers, text (plot-space + data-space), interactive authoring via right-click, undo/redo, and JSON export
• Cartesian Data Formats
  Demonstrates three CartesianSeriesData input formats: XYArraysData (Float64Array/Float32Array), InterleavedXYData (Float32Array with subarray view), and traditional array-of-objects - toggle between formats with 100k points per series
• External Render Mode
  Application-controlled rendering with a shared rAF loop - demonstrates needsRender(), renderFrame(), and mode switching
• Custom Tick Formatter
  Custom axis tick formatting - percentage, duration, locale time, and integer-only labels with null suppression
• Exchange Gaps
  Crypto price data with exchange maintenance windows — null gap entries, connectNulls toggle, multi-asset independent outages, and trading session concatenation
• Log Y axis
  Multi-decade line series with native logarithmic Y, major log ticks, and log-aligned grid
• Log X axis
  Bode-style frequency sweep on log X with linear magnitude (dB)
• Log axes scatter
  50k-point power-law scatter with log X and log Y
• Log + linear dual Y
  Left log pressure and right linear temperature on independent scales
• Linear vs log comparison
  Same multi-decade data on linear Y (top) and log Y (bottom)