A simple React application inspired by Sensibull, that visualizes real-time Open Interest data of Indian Benchmark Indices and F&O stocks. The app fetches data from NSE API through a proxy server and plots the data as bar charts. The app shows Change in Open Interest and Total Open Interest for the selected instrument. The data is auto-updated at 3-minute intervals, precisely at times when the minutes are divisible by 3. Frontend is made with React, Material UI, Redux and D3. Backend is made with NodeJS. (Note: The app is work in progress).
- Fetches Real-time Open Interest data of Indian Benchmark Indices (NIFTY, BANKNIFTY, FINNIFTY and MIDCPNIFTY) and F&O stocks listed on NSE (185 stocks).
- Shows Change in Open Interest and Total Open Interest.
- Shows current and next expiry data.
- Has a Strike range selector to adjust the no. of strikes to be shown.
- Auto-updates data, using a web worker, precisely at times when the minutes are divisible by 3 (ex: 9:30, 9:33, 9:36,...,9:57, 10:00 etc).
- Charts have tooltips.
- Local storage persistence of the selected underlying.
- Clone the repository.
- cd into backend directory and run
npm install
to install dependencies. - Run 'npm run dev' to start the proxy server.
- cd into frontend directory and run
npm install
to install dependencies. - Run 'npm run dev' to start the frontend app.
- Open http://localhost:5173/ in your browser.
- You are good to go.
- Timestamps showing last updated time.
- FII and DII data visualization.
- Option Payoff visualization? Maybe.
- https://www.sensibull.com/ tried to replicate the UI of this app.
- https://2019.wattenberger.com/blog/react-and-d3 this is an insightful blog on how to use D3 with React, while keeping things Reacty.