Charts
Chart system
Two engines behind one experience: Apache ECharts for analytical shapes, TradingView Lightweight Charts for financial panes. The rendering is infrastructure — tooltips, legends, ranges, annotations, synchronisation and fullscreen come from Luc UI.
One system, many shapes
Every chart below is drawn by a real engine, themed from the LUC token layer, and rendered at its least forgiving size.
Price research · daily
Close with two moving averages, a trailing range control and a fullscreen research view.
Matrix and composition
Two families that fail loudly when they are styled badly.
Correlation matrix
Diverging palette anchored at zero.
Cost composition
Donut, capped at six slices on purpose.
Families
12 routes covering the shapes a research terminal, a SaaS dashboard or an analytics product actually asks for.
Line, area, bands, thresholds, events.
Bars, grouping, stacking, waterfall.
Histogram and box plot.
Scatter, bubble, quadrants.
Heatmap, correlation, calendar.
Donut, treemap, sunburst, funnel.
Sankey and network.
Radar and gauge.
Mixed marks, dual axes.
Drawdown, regimes, curves, depth.
Candles, volume, overlays, panes.
Cross-engine crosshair and range.
Topic pages
Cross-cutting pages: how the engines fit together, the interaction contract, sizing, and the charts that answer a specific question rather than a shape.
- How the chart system is put together
Two engines, one experience.
- Tooltips, zoom, brush, fullscreen
The interaction contract, stated once.
- Uncertainty and evidence
A forecast cone, a fit, a regime strip.
- Dense time series
What happens at real data volumes.
- Quantitative charts
Drawdown, equity curves, attribution.
- Network and hierarchy charts
Sankey, graph, tree, sunburst.
- Surfaces
Three-dimensional fields and their projections.
- Semantic chart sizing
Height follows the information geometry.