TanStack Table 8.21.3
Installed and demonstrated with shared filtering and sorting for mobile position and order cards. Virtualization is a separate integration when dataset size requires it.
- Layer
- Operational data
- License
- MIT
手机优先：概率 / K 线、持仓订单、赔率金额 · 新版交互范例 →
Data visualization · 2026–27
Data visualization
One visual language for user markets, Admin control, operational tables, and public data stories. Every mark maps to a real betting or prediction-market value.
01Every chart on this page uses clearly labeled example data. Production charts must show source, market, time zone, and last-updated state.
Market signal68.0%
Market-implied probabilitySimulated · Updated 02 Sep 2026 · 18:00 UTC
00 · System map
Choose by decision, not decoration.
Four jobs need different reading speeds. Do not force one dashboard grammar across every product and publishing channel.User · immediate
NeedPatternData contract
Market OHLCCandlestickPrediction-contract price over time
ProbabilityLine + spreadMidpoint-implied probability with best bid–ask
Sportsbook oddsStepped lineDiscrete price moves without smoothing
Admin · diagnostic
NeedPatternData contract
HandleStacked barsPre-match and in-play volume by interval
Scenario riskDiverging barsSigned operator P&L around a zero baseline
ExceptionsMatrix heatDay × hour settlement or integrity alerts
Operations · exact
NeedPatternData contract
Market inventorySortable data gridScan status, liquidity, owner, and last update
Risk exceptionsFilterable queuePrioritize signed exposure with explicit severity
Settlement ledgerVirtualized tableAudit exact records without losing context
Marketing · distributable
NeedPatternData contract
One outcomeHero number + sparklineFast-read X or campaign tile
One moveBefore → afterExplain a meaningful odds shift
One marketRanked barsCompare outcomes without a decorative chart
00 · Runtime architecture
One data contract. Two engines. One table layer.
The static examples below define the visual grammar. The linked reference dashboards prove how that grammar behaves with real selection, zoom, crosshair, tooltips, filters, and exact data.User product · InteractiveRecommended operations target Recommended marketing export target
Lightweight Charts
Financial-grade probability, OHLCV, and stepped-odds interaction with mobile pan, zoom, crosshair, and event markers.
- Version
- 5.2.1
- License
- Apache-2.0 + attribution
Apache ECharts
Diagnostic risk, commercial, and settlement views with filtering, thresholds, data zoom, and accessible exact values.
- Version
- 6.1.0
- License
- Apache-2.0
ECharts SSR + MERXI templates (target)
The implementation contract calls for deterministic SVG and PNG exports that reuse the same data contract, then apply locked MERXI editorial templates and safe areas. This Brand Book does not run or ship the SSR export pipeline.
- Status
- Recommended target
- Output contract
- SVG / PNG
Lieflat is a research reference, not the product runtime.
Its reading-mode taxonomy informed the editorial standards, but its PolyForm Noncommercial license is not used for MERXI commercial implementation. No Lieflat template or runtime code is shipped here.
01 · User product
Price, probability, movement.
User charts privilege the current value, visible units, and a traceable event timeline. Tooltips supplement the axes; they never replace them.U01 · Prediction market
Contract price · OHLC
Use only when open, high, low, and close are all real observations. One candle = one hour.
View exact example values
| Time / item | Value | Context |
|---|---|---|
| 09:00 | O 51¢ · H 55¢ · L 49¢ · C 54¢ | Contract price per share |
| 10:00 | O 54¢ · H 58¢ · L 52¢ · C 57¢ | Contract price per share |
| 11:00 | O 57¢ · H 60¢ · L 54¢ · C 55¢ | Contract price per share |
| 12:00 | O 55¢ · H 59¢ · L 53¢ · C 58¢ | Contract price per share |
| 13:00 | O 58¢ · H 64¢ · L 57¢ · C 62¢ | Contract price per share |
| 14:00 | O 62¢ · H 63¢ · L 59¢ · C 60¢ | Contract price per share |
| 15:00 | O 60¢ · H 66¢ · L 59¢ · C 65¢ | Contract price per share |
| 16:00 | O 65¢ · H 67¢ · L 61¢ · C 63¢ | Contract price per share |
U02 · Prediction market
Midpoint-implied probability
The midpoint of best bid and ask on a fixed 0–100% scale. The Cobalt band is the spread; it is not a model confidence interval.
View exact example values
| Time / item | Value | Context |
|---|---|---|
| 27 Aug | 47.2% · 45.8 / 48.6 | Close / bid / ask |
| 28 Aug | 49.4% · 48.0 / 50.8 | Close / bid / ask |
| 29 Aug | 51.1% · 49.7 / 52.5 | Close / bid / ask |
| 30 Aug | 56.0% · 54.6 / 57.4 | Team news · close / bid / ask |
| 31 Aug | 61.6% · 60.2 / 63.0 | Close / bid / ask |
| 01 Sep | 65.1% · 63.7 / 66.5 | Close / bid / ask |
| 02 Sep | 68.0% · 66.6 / 69.4 | Close / bid / ask |
U03 · Sportsbook
Odds movement
Decimal odds change discretely, so the line steps. Never smooth bookmaker price movement into a false curve.
View exact example values
| Time / item | Value | Context |
|---|---|---|
| 12:00 | 2.12 | Displayed bookmaker price |
| 13:00 | 2.09 | Displayed bookmaker price |
| 14:00 | 2.02 | Displayed bookmaker price |
| 14:20 | 1.97 | Lineup confirmed |
| 15:00 | 1.91 | Displayed bookmaker price |
| 16:00 | 1.88 | Displayed bookmaker price |
| 17:00 | 1.86 | Displayed bookmaker price |
| 18:00 | 1.86 | Displayed bookmaker price |
02 · Admin control
See load, scenario risk, exceptions.
Admin charts optimize for comparison and diagnosis. Color is semantic: Azure = positive or normal, Orange = attention, Gold = value. Do not use brand color to hide risk.A01 · Trading operations
Handle by interval
Stack only additive values. Pre-match and in-play sum to total accepted handle for each two-hour interval.
View exact example values
| Time / item | Value | Context |
|---|---|---|
| 08:00 | 34,000 USDT | 24,000 USDT pre-match · 10,000 USDT in-play |
| 10:00 | 46,000 USDT | 31,000 USDT pre-match · 15,000 USDT in-play |
| 12:00 | 61,000 USDT | 38,000 USDT pre-match · 23,000 USDT in-play |
| 14:00 | 72,000 USDT | 34,000 USDT pre-match · 38,000 USDT in-play |
| 16:00 | 80,000 USDT | 29,000 USDT pre-match · 51,000 USDT in-play |
| 18:00 | 84,000 USDT | 22,000 USDT pre-match · 62,000 USDT in-play |
| 20:00 | 63,000 USDT | 16,000 USDT pre-match · 47,000 USDT in-play |
| 22:00 | 41,000 USDT | 12,000 USDT pre-match · 29,000 USDT in-play |
A02 · Risk
Scenario P&L by outcome
If each selected outcome wins, positive values are projected operator gain and negative values are projected operator loss. This is a scenario view, not non-negative liability.
−40K−20K0+20K+40K
LAL @ BOSBOS −4.5
+38K
ARS @ MCIUnder 2.5
−27K
NYY @ LADLAD ML
+22K
BTC > 80KYES
−16K
Election ANO
+12K
Projected loss Projected gain
View exact example values
| Time / item | Value | Context |
|---|---|---|
| LAL @ BOS · BOS −4.5 | +38,000 USDT | Projected operator gain |
| ARS @ MCI · Under 2.5 | −27,000 USDT | Projected operator loss |
| NYY @ LAD · LAD ML | +22,000 USDT | Projected operator gain |
| BTC > 80K · YES | −16,000 USDT | Projected operator loss |
| Election A · NO | +12,000 USDT | Projected operator gain |
A03 · Settlement
Exception density
Use a matrix only for two discrete dimensions. Orange marks the highest operational attention level.
View exact example values
| Time / item | Value | Context |
|---|---|---|
| Mon | 0 · 0 · 1 · 1 · 3 · 1 · 0 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
| Tue | 0 · 1 · 1 · 3 · 7 · 3 · 1 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
| Wed | 0 · 0 · 1 · 1 · 3 · 3 · 1 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
| Thu | 0 · 1 · 3 · 7 · 12 · 7 · 1 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
| Fri | 0 · 0 · 1 · 3 · 3 · 1 · 0 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
| Sat | 0 · 1 · 1 · 3 · 7 · 3 · 1 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
| Sun | 0 · 0 · 0 · 1 · 3 · 1 · 0 · 0 | 08 / 10 / 12 / 14 / 16 / 18 / 20 / 22 UTC |
A04 · Settlement
Finalization SLA
Show one headline rate, the finalized-record denominator, and product detail. Never publish a percentage without its base.
Within SLA
99.5%143K finalized records · last 24hView exact example values
| Time / item | Value | Context |
|---|---|---|
| Sportsbook | 99.7% | 41,286 settled |
| Prediction Markets | 98.9% | 8,412 settled |
| Casino Games | 99.4% | 93,118 rounds |
03 · Marketing & social
One post. One claim. One chart.
Campaign graphics compress the interface without inventing spectacle. These simulated layout previews show the minimum compact provenance line; published tiles carry the full market, date, source, update, unit, and example-data disclosure.04 · Construction rules
Precision before personality.
The visual system is expressive at the frame, not inside the data. Axes, labels, and numeric semantics remain quiet and exact.Numeric type
MERXI Data, resolved to the approved condensed production face. Use tabular lining figures and a true minus sign: −0.26.
font-variant-numeric: tabular-nums lining-nums;Color roles
Azure = primary series. Cobalt = non-live comparison. Gold = value. Orange = attention. Aqua = verified live state only. Ink = axes. Never use gradient as a numeric scale.
Axes and units
Zero when comparison requires it. Unit appears once per axis. Time zone is mandatory for intraday charts.
USDT · Decimal odds · UTCState language
Loading, delayed, stale, empty, and unavailable are distinct states. “Live” requires a timestamp and heartbeat.
Updated 16:00:08 UTCAccessibility
Never rely on hue alone. Pair color with line style, position, label, fill, or a signed value.
UP / DOWN · +38K / −27KTruthful form
No smoothing for stepped odds. No dual axes for unrelated units. No 3D, gauges, rings, portals, or decorative motion.
One visual encoding = one meaningDataDisplayRule
Decimal odds1.86Two decimals, no × suffix
American odds−116Explicit sign; true minus
Probability68.0%One decimal in every product and social display
Stake100.00 USDTAmount first, currency code second
Handle284K USDTCompact only when comparison remains clear
Timestamp16:00:08 UTC24-hour clock with declared zone
05 · Source and license
Selected openly. Integrated deliberately.
Pattern selection references the data-shape taxonomy in Lieflat Charts—notably its Lupi Editorial, Lupi Basics, and Glance reading modes. The repository remains a research reference only.
Lieflat is licensed under PolyForm Noncommercial 1.0.0. MERXI does not copy or distribute its templates. Product reference charts use Apache-2.0 libraries: Lightweight Charts for user market interaction and Apache ECharts for Admin analysis. ECharts SSR is the recommended implementation target for server-rendered marketing exports; this Brand Book does not run or ship that export pipeline. TanStack Table 8.21.3 is installed for mobile position and order examples. MERXI owns the table semantics, tokens, and interaction states.
Runtime and license decision reviewed · 04 September 2026