component
GTO strategy bar
A solver node's action mix for one hand as a stacked bar with a legend, in the trainer's action colors.
One hand's mix at a solver node, in the trainer's action colors. Pass the node's actions and that hand's strategy; the outlined segment is the action the player picked.
10%Fold55%Call35%Raise 7.5
Installation
$ npx shadcn@latest add https://www.pokerstudy.ai/r/gto-strategy-bar.jsonGenerative UI
A model can draw this with json-render. Install generative UI and spread its definitions into your catalog. The model reads the description and the schema below, and answers with a spec like the example.
GtoStrategyBar
A solver node's mix for one hand in the trainer's action colors. Copy `actions` from the ranges API node.
10%Fold55%Call35%Raise 60%
Props
Generated from the component source with react-docgen-typescript.
GtoStrategyBar
| Prop | Type | Default | Description |
|---|---|---|---|
| actions * | NodeAction[] | – | – |
| highlightAction | string | null | – | – |
| strategy * | Record<string, number> | – | – |