Widget Types

The Rhumby Embed SDK supports four widget types. Each is designed for a specific use case.

Display cumulative series standings with race-by-race breakdowns.

Use Cases

Club website showing season-long standings
Event page with live leaderboard
Archive of past series results

Features

Position, boat name, skipper, and total points
Expandable race-by-race breakdown
Shows dropped races (if applicable)
Fleet filtering
Auto-updates as results are posted

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="standings"
  data-fleet="PHRF A">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Series Standings                    │
│  Updated 2 mins ago                  │
├──────────────────────────────────────┤
│  1  Serendipity                      │
│     J. Anderson · PHRF A         12  │
│                                      │
│  2  Wind Dancer                      │
│     M. Chen · PHRF A             18  │
│                                      │
│  3  Blue Horizon                     │
│     S. Martinez · PHRF A         24  │
└──────────────────────────────────────┘

Show race results with finish times and corrected times.

Use Cases

Post-race results on club homepage
Event recap pages
Historical race archives

Features

Position, boat, and times (elapsed + corrected)
Status indicators (finished, DNF, DNS, etc.)
Race selector (dropdown to view different races)
Fleet filtering
Protest flags and notes

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="results"
  data-race="4">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Race 4 Results          Final       │
├──────────────────────────────────────┤
│  1  Serendipity                      │
│     1:24:32 → 1:22:15                │
│                                      │
│  2  Wind Dancer                      │
│     1:25:18 → 1:23:02                │
│                                      │
│  3  Blue Horizon                     │
│     1:26:45 → 1:24:30                │
└──────────────────────────────────────┘

Display the race schedule with dates, times, and status.

Use Cases

Club homepage showing upcoming races
Event landing page
Calendar integration

Features

Race name, date, and time
Status indicators (upcoming, in progress, completed, postponed)
Auto-updates as races start/finish
Links to results (for completed races)
Weather forecast integration (optional)

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="schedule">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Race Schedule          Mar 28–29    │
├──────────────────────────────────────┤
│  Race 1                              │
│  Sat, Mar 28 · 10:00 AM  Completed  │
│                                      │
│  Race 2                              │
│  Sat, Mar 28 · 1:00 PM   Completed  │
│                                      │
│  Race 3                              │
│  Sun, Mar 29 · 10:00 AM  Upcoming   │
└──────────────────────────────────────┘

Embed a registration form directly on your website.

Use Cases

Club website for series registration
Event landing page
Partner websites promoting your event

Features

Boat and skipper information form
Fleet selection
Entry fee display
Payment integration
Confirmation emails
Validation and error handling

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="register">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Friday Night Series                 │
│  Spring 2026 · 12 races              │
├──────────────────────────────────────┤
│  Entry Fee              $45          │
│  Registered             24 boats     │
├──────────────────────────────────────┤
│  ┌───────────────────────────────┐  │
│  │  Register Your Boat           │  │
│  └───────────────────────────────┘  │
└──────────────────────────────────────┘

Use Case	Widget	Key Feature
Show season standings	Standings	Race-by-race breakdown
Post race results	Results	Finish times + corrected
Display race calendar	Schedule	Status indicators
Accept registrations	Register	Payment integration

You can embed multiple widgets on the same page. Each widget operates independently and can show different events or views.

Next Steps

Configure your widgets with all available options
Customize themes to match your brand
Create embed tokens with the right permissions

The Rhumby Embed SDK supports four widget types. Each is designed for a specific use case.

Display cumulative series standings with race-by-race breakdowns.

Use Cases

Club website showing season-long standings
Event page with live leaderboard
Archive of past series results

Features

Position, boat name, skipper, and total points
Expandable race-by-race breakdown
Shows dropped races (if applicable)
Fleet filtering
Auto-updates as results are posted

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="standings"
  data-fleet="PHRF A">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Series Standings                    │
│  Updated 2 mins ago                  │
├──────────────────────────────────────┤
│  1  Serendipity                      │
│     J. Anderson · PHRF A         12  │
│                                      │
│  2  Wind Dancer                      │
│     M. Chen · PHRF A             18  │
│                                      │
│  3  Blue Horizon                     │
│     S. Martinez · PHRF A         24  │
└──────────────────────────────────────┘

Show race results with finish times and corrected times.

Use Cases

Post-race results on club homepage
Event recap pages
Historical race archives

Features

Position, boat, and times (elapsed + corrected)
Status indicators (finished, DNF, DNS, etc.)
Race selector (dropdown to view different races)
Fleet filtering
Protest flags and notes

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="results"
  data-race="4">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Race 4 Results          Final       │
├──────────────────────────────────────┤
│  1  Serendipity                      │
│     1:24:32 → 1:22:15                │
│                                      │
│  2  Wind Dancer                      │
│     1:25:18 → 1:23:02                │
│                                      │
│  3  Blue Horizon                     │
│     1:26:45 → 1:24:30                │
└──────────────────────────────────────┘

Display the race schedule with dates, times, and status.

Use Cases

Club homepage showing upcoming races
Event landing page
Calendar integration

Features

Race name, date, and time
Status indicators (upcoming, in progress, completed, postponed)
Auto-updates as races start/finish
Links to results (for completed races)
Weather forecast integration (optional)

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="schedule">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Race Schedule          Mar 28–29    │
├──────────────────────────────────────┤
│  Race 1                              │
│  Sat, Mar 28 · 10:00 AM  Completed  │
│                                      │
│  Race 2                              │
│  Sat, Mar 28 · 1:00 PM   Completed  │
│                                      │
│  Race 3                              │
│  Sun, Mar 29 · 10:00 AM  Upcoming   │
└──────────────────────────────────────┘

Embed a registration form directly on your website.

Use Cases

Club website for series registration
Event landing page
Partner websites promoting your event

Features

Boat and skipper information form
Fleet selection
Entry fee display
Payment integration
Confirmation emails
Validation and error handling

Example

<script src="https://rhumby.com/embed.js"
  data-token="emb_abc123"
  data-event="friday-night-spring-2026"
  data-view="register">
</script>

Sample Output

┌──────────────────────────────────────┐
│  Friday Night Series                 │
│  Spring 2026 · 12 races              │
├──────────────────────────────────────┤
│  Entry Fee              $45          │
│  Registered             24 boats     │
├──────────────────────────────────────┤
│  ┌───────────────────────────────┐  │
│  │  Register Your Boat           │  │
│  └───────────────────────────────┘  │
└──────────────────────────────────────┘

Use Case	Widget	Key Feature
Show season standings	Standings	Race-by-race breakdown
Post race results	Results	Finish times + corrected
Display race calendar	Schedule	Status indicators
Accept registrations	Register	Payment integration

You can embed multiple widgets on the same page. Each widget operates independently and can show different events or views.

Next Steps

Configure your widgets with all available options
Customize themes to match your brand
Create embed tokens with the right permissions

Widget Types

On this page

Widget Types

On this page