Options payoff visualiser
Sixteen option structures with payoff diagrams that recompute live as you move one variable at a time.
Open the tool- Next.js
- React
- TypeScript
- Tailwind
Options are difficult to learn from static diagrams because the interesting part is how the shape responds when one input moves. This tool exists so that the response is the thing you interact with: change the strike, the premium or the underlying and the payoff curve redraws immediately, with maximum profit, maximum loss, breakevens and net credit or debit recomputed alongside it.
It covers the four single legs, the four vertical spreads, butterflies and iron butterflies, iron condors, straddles, strangles, collars, protective puts and covered calls. I built it to sharpen my own intuition while working on the fair-value model for the market maker, where the relationship between implied volatility, strike distance and probability is the entire game.