https://github.com/anshuthopsee/option-payoff
An option payoff visualizer that allows you to add and customize strategies and visualize their payoffs. Site built with React, Material UI and D3.
https://github.com/anshuthopsee/option-payoff
d3 derivatives finance fno material-ui option-strategies options options-trading payoff-graphs react strategy-builder trading-strategies
Last synced: 7 months ago
JSON representation
An option payoff visualizer that allows you to add and customize strategies and visualize their payoffs. Site built with React, Material UI and D3.
- Host: GitHub
- URL: https://github.com/anshuthopsee/option-payoff
- Owner: anshuthopsee
- Created: 2023-08-20T01:43:23.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-30T00:24:32.000Z (almost 2 years ago)
- Last Synced: 2025-02-27T04:09:21.753Z (8 months ago)
- Topics: d3, derivatives, finance, fno, material-ui, option-strategies, options, options-trading, payoff-graphs, react, strategy-builder, trading-strategies
- Language: JavaScript
- Homepage: https://anshuthopsee.github.io/option-payoff/
- Size: 9.13 MB
- Stars: 30
- Watchers: 2
- Forks: 12
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
An Option Payoff visualizing tool, that allows you to create strategies, add and modify option legs, visualize their payoffs as it would be on the expiry date and save them to local storage. The site takes, "Buy/Sell", "Strike Price", "Premium", and "PE/CE" (Put/Call) as inputs to plot the payoff. In the future, "Days to Expiry" input, will be added to make the payoff more comprehensive and allow strategies like "Calendar Spreads" to be visualized.
## Demo
## Presets
1. Short Straddle.
2. Short Strangle.
3. Bull Call Spread.
4. Bull Put Spread.
## Features
1. Edit/Delete option legs with their respective buttons.
2. Select/Unselect option legs with the checkbox.
3. Save modified (custom) strategies as new, or update saved strategies.
4. Persistence of saved strategies through local storage.
5. Hash routing, to select a strategy from the URL without throwing a 404 error. (Example - https://anshuthopsee.github.io/option-payoff/#/Bull-Call-Spread). The strategy name is case sensitive and all the words should be joined with "-" (hyphen).
6. Numeric input value range: 0.1 >= value < 10000.
## Recent updates
1. Migrated state management from React Context to Redux Toolkit.
## To be added
1. Number of contracts input.
2. Zoom functionality for chart.
## Site link
## https://anshuthopsee.github.io/option-payoff/