Giter Club home page Giter Club logo

graphvega's Introduction

GraphVega

💎 About The Project

GraphVega is an open sourced options analytics platform that analyses and projects the P/L of a multi-legged options position with variation of the stock price under changes in volatility and days till expiration, using a black-scholes simulation.

It is designed with a goal to provide a simple and intuitive interface to analyze options, while also providing developers with the flexibility to add their own custom features.

🚀 Getting Started

Note: You will need to have NodeJS installed on your machine to run this app. If you don't have it on your machine already, you can install it here for free.

To get GraphVega up and running on your local machine, follow these steps:

  1. Clone the repository

    $ git clone  https://github.com/rahuljoshi44/GraphVega.git
    
  2. Switch to the root directory of the project (main folder where all the files are stored) and install the dependencies. This process might take a couple minutes depending on your download speed, so please wait!

    $ npm install
    
  3. Get a free API Key (for sandbox) from Tradier here. This project uses Tradier’s market data API for options and stock prices.

  4. In the root directory create a .env file and enter your API key and the API url as follows:

    TRADIER_API_KEY=YOUR_API_KEY_HERE
    API_BASE_URL=https://sandbox.tradier.com/v1/
    

    Replace YOUR_API_KEY_HERE with the API key you obtained from step 3. NOTE: You can also change the variable API_BASE_URL to the brokerage API url if you'd like to use the brokerage API endpoint.

  5. Run the application in either of two ways: Locally or via Docker (explained below):

Locally

In the root directory, run the following command:

$ npm start

Note that the front end react app runs on http://localhost:3000 while the server runs on http://localhost:8000 so make sure you don’t have anything running on those ports. If you want to run the server on a different port, change the port variable in server/app.js, and change theSERVER_URL variable in src/utils/url.js to the new server url.

Docker

Make sure to create the .env file from step 4 above before building the image, otherwise it won't be included.

Building:

$ docker build -t local/gv:latest -t local/gv:0.1.0 .

Running:

$ docker run -d --rm -p 3000:3000 --name graphvega local/gv

Stopping:

$ docker stop graphvega

Docker-Compose

Make sure to create the .env file from step 4 above before building the image, otherwise it won't be included.

Running:

$ docker-compose up

or 

$ docker-compose run

Stopping:

$ docker-compose down

⚡ Usage

  1. After launching the app, type in the name of a company in the search bar and select the appropriate suggestion.
  2. Select an expiration date for the options chain
  3. After the option chain loads, add your options positions by clicking on the rows of the table.
  4. Switch to the analysis tab.
  5. Observe the P/L chart and adjust the implied volatility and days till expiry with the sliders as you like.

🌴 Code Structure

Broadly, the project is divided into the front end and the back end.

  • All frontend files are stored in the src directory.
  • Backend files are stored in server. These are used primarily for making API calls for market data.

There are three main front end components

  • src/components/main.jsx is the root component that uses optionChain.jsx and analysis.jsx
  • src/components/chain/optionChain.jsx is the base component for the ‘Option Chain’ tab
    • All files related to the option chain tab is stored under src/components/chain
  • src/components/analysis/analysis.jsx is the base component for the ‘Analysis’ tab
    • All files related to the analysis tab are stored under src/components/analysis

❤️ Contributing

Your contributions make the platform better and more useful to everyone! The contributions you make will be greatly appreciated.

To do so:

  1. Fork the project
  2. Create a branch
  3. Add your changes
  4. Push to the branch
  5. Open a Pull Request.

✏️ Built With

📋 License

GraphVega is distributed under the MIT license. See LICENSE.md for more information.

📬 Contact

Rahul Joshi - [email protected]

Feel free to contact me regarding any concerns about the app.

👊 Acknowledgements

Thanks to Tradier for the market data used on the platform.

graphvega's People

Contributors

crashtestcharlie avatar dmitrif avatar gliptak avatar kmansel avatar rahuljoshi44 avatar rcouch00 avatar rohan2002 avatar zhangtemplar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

graphvega's Issues

Grid has fixed col sizes

With a widescreen monitor, if you add any new columns, the UI will not grow any larger then its default.

Column values are hard coded and not calculated.

Bug with implied volatility slider?

The default volatility values are not based in reality, and when I try to adjust them, the plot completely changes and doesn't recover until I swap tabs between option chain and analysis again, whereupon I get the extreme IV. Thanks BTW. I was thinking of making something myself very similar to help visualize what's happening over time.
image

Can only search for company description

Currently working on a pull request to allow also searching for a specific symbol name.

Ran into an issue with the search, created a separate bug when the result returned isn't an array.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.