Decision Wheel

How to Use the Decision Wheel

1. Add at least two options in the input field. Type an option and press Enter (or click Add) to drop it onto the wheel; repeat up to twenty options.
2. Remove any option with the small "x" button on its tag in the list. The wheel redraws instantly so you can see the adjusted slice layout before spinning.
3. Click Spin. The wheel rotates with a CSS cubic-bezier deceleration curve that mimics the physical spin-and-slow of a real wheel.
4. Read the winner highlighted below the wheel. The winning option is chosen first algorithmically; the animation simply lands on it.
5. Spin again to reroll, or edit the option list between spins for progressive rounds - knocking one finalist out each time.

What This Tool Does and How It Works

Under the hood, the wheel is not a physical simulation. When you click Spin, the component first calls Math.random(), multiplies by the number of options, and floors the result to pick an index - this is the winner. The animation then computes the target rotation angle that lands the winning slice under the indicator and applies it to the wheel via a CSS transform: rotate(N deg) with a three-to-four second transition and an ease-out curve. The pie-slice geometry uses conic-gradient() - a CSS function introduced with CSS Images Level 4 around 2018 - which produces cleanly colored sectors without any SVG or canvas drawing. Text labels are positioned with per-label absolute rotation and a counter-rotation so the words stay right-way-up regardless of where on the circle their slice sits.

Because the winner is chosen before the animation rather than during, every option has exactly equal probability - Math.random() is uniformly distributed, and the wheel visualization is cosmetic. The animation length, easing curve, and final landing angle are all chosen so that the outcome feels natural; they do not affect fairness.

When You Would Use the Decision Wheel

• Breaking a four-way tie on where to go for team lunch when nobody wants to be the one to pick.
• Randomly selecting a presenter to go first in a standup, hackathon demo, or classroom activity.
• Choosing which feature to ship this sprint out of a shortlist where the team is genuinely indifferent between candidates.
• Picking a charity to donate to, a movie to watch, or a recipe to cook when decision fatigue has set in.
• Running party or birthday games where a randomized picker replaces drawing names out of a hat.
• Teaching children about probability - the wheel is a vivid visual demonstration of "each option is equally likely" when slice sizes are equal.

Common Pitfalls and Edge Cases

The most common mistake is using the wheel for a decision that genuinely matters. Randomness is a terrible substitute for analysis when the options have different expected outcomes - a team that spins for "ship the risky feature or the safe one" is abdicating responsibility, not exercising judgment. The wheel is for cases where every option is acceptable and the picker just wants to move on. A second issue: with many options and long text labels, slice labels become cramped and hard to read. The tool caps option text at thirty characters and caps option count at twenty for exactly this reason. Math.random() is not cryptographically secure - it is a pseudo-random number generator seeded from browser entropy and fine for casual use, but you would not use it for a lottery that carries money. Finally, multiple people watching the same wheel can accidentally rig outcomes if someone notices a slight pattern in how slices visually cluster after several spins; the mathematics is truly uniform, but humans are pattern-finding machines.

Randomness and Decision-Making

Using chance to decide between acceptable options has a long history: Roman sortition picked magistrates by lot, the Icelandic Althing assigned speaking turns randomly, and medieval Italian cities drew lots to settle disputes. The psychology literature on "decision fatigue" (popularized by Roy Baumeister and John Tierney in their 2011 book Willpower) supports the instinct that randomizing trivial choices preserves cognitive bandwidth - though the original ego-depletion research has been partially replicated and partially not, so treat the theory as suggestive. The CSS conic-gradient() powering the wheel is a recent addition; before it, the same effect required SVG paths or canvas pie charts. Math.random() uses a PRNG (xorshift128+ in V8) seeded from system entropy; deterministic given the seed but unpredictable in practice.

Comparison to Alternatives

A physical die or coin flip is honest and fast if you only have a few options. Picker Wheel and Spin The Wheel sites offer richer features: save wheels for reuse, share a wheel via URL, remove-winner-after-spin mode for round-robin selection, custom colors per slice, sound effects. Random.org provides cryptographically audited randomness if you actually need it for stakes. A quick Slack bot (/shuffle or a custom slash command) lets a team run the same decision without anyone sharing their screen. Against these, this page\'s wins are zero friction and zero account requirement - open a tab, type options, spin. It loses whenever you want to reuse a wheel across sessions, run a no-repeat draft, or share the result URL with a colleague who was not watching the spin. For high-stakes random selection, use a platform with audit logs; for casual team decisions, this is perfect.