Board Widget

Embed an interactive roulette board on any website with a single iframe tag. Configure bets via URL parameters and optionally enable click-to-simulate mode.

Quick Start

Copy this snippet into your HTML to embed a board with a $5 RED bet and a $1 STRAIGHT bet on 17:

<iframe
  src="https://spinstrategy.app/embed/board?bets=RED-5,17-1"
  style="border:none;width:100%;height:600px"
></iframe>

Query Parameters

Parameter	Type	Default	Description
bets	string	(none)	Comma-separated bet tokens (see format below)
simulation	boolean	false	Enable click-to-simulate mode
disableOutcomeBoard	boolean	false	Hide the outcome heatmap above the board

Bet Token Format

Each bet is a token in SELECTION-BETSIZEformat, separated by commas. The bet size is in dollars ($0.01 – $10,000).

Straight Bets

Use the pocket number directly:

Token	Meaning
17-1	STRAIGHT on 17, $1
0-2	STRAIGHT on 0, $2

Named Bets

Use the bet type name, optionally followed by a selection number:

Token	Meaning
RED-5	RED, $5
BLACK-5	BLACK, $5
EVEN-2	EVEN, $2
ODD-2	ODD, $2
LOW-3	LOW (1-18), $3
HIGH-3	HIGH (19-36), $3
CORNER8-3	CORNER at 8, $3
SPLIT_LEFT5-2	SPLIT LEFT at 5, $2
SPLIT_TOP5-2	SPLIT TOP at 5, $2
STREET7-1	STREET 7, $1
DOUBLE_STREET3-1	DOUBLE STREET 3, $1

Grouped Bets (1-Based Index)

DOZEN, COLUMN, STREET, and DOUBLE_STREET use 1-based indices in the URL:

Token	Meaning
DOZEN1-10	1st dozen (1-12), $10
DOZEN2-10	2nd dozen (13-24), $10
DOZEN3-10	3rd dozen (25-36), $10
COLUMN1-5	1st column, $5
COLUMN2-5	2nd column, $5
COLUMN3-5	3rd column, $5

All Supported Bet Types

RED, BLACK, EVEN, ODD, LOW, HIGH, DOZEN, COLUMN, STREET, DOUBLE_STREET, CORNER, SPLIT_LEFT, SPLIT_TOP

Simulation Mode

Add simulation=true to enable click-to-simulate. Users can click any number on the board or outcome heatmap to simulate that pocket hitting. The widget tracks W/L stats, balance, and round history with full branching support (navigate to a past round and click to create an alternate timeline).

<iframe
  src="https://spinstrategy.app/embed/board?bets=RED-5,17-1&simulation=true"
  style="border:none;width:100%;height:700px"
></iframe>

Height recommendation

Use height:600px for static boards, height:700px with simulation enabled (the history bar and stats row add height).

Examples

Shared Strategy Embed

Embed a shared strategy's board with full progression-aware simulation. The widget loads the strategy's bets and progression config automatically — no manual bet tokens needed.

<iframe
  src="https://spinstrategy.app/embed/board/s/YOUR_SHARE_TOKEN?simulation=true"
  style="border:none;width:100%;height:800px"
></iframe>

The share token comes from the strategy sharing feature. When a user shares a strategy, they get a URL like /s/abc123— use that token in the embed URL.

Shared Strategy Parameters

Parameter	Type	Default	Description
simulation	boolean	true	Enable progression-aware simulation (defaults to on)
hideStats	boolean	false	Hide the stats panel (compact mode with reset button)

Progression simulation

Unlike the generic board embed which uses flat bets, the shared strategy embed runs the full game engine with progression stepping. Bets are filtered by strategyProgressionStepToTrigger and bet amounts update as the progression advances.