Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anshuthopsee/india-mutual-fund
A simple web app to view the historical NAV of Indian Mutual Funds. You can search for a fund by name and view its historical NAV in a chart and also see the percentage change in the NAV over time. Site built with React, Material UI and D3. Data source: https://mfapi.in
https://github.com/anshuthopsee/india-mutual-fund
api chart d3 data-visualization finance graph india material-ui mutual-funds net-asset-value react redux redux-toolkit reduxtoolkit stock-data stock-market stocks
Last synced: 13 days ago
JSON representation
A simple web app to view the historical NAV of Indian Mutual Funds. You can search for a fund by name and view its historical NAV in a chart and also see the percentage change in the NAV over time. Site built with React, Material UI and D3. Data source: https://mfapi.in
- Host: GitHub
- URL: https://github.com/anshuthopsee/india-mutual-fund
- Owner: anshuthopsee
- Created: 2023-11-27T19:03:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-13T01:19:07.000Z (about 1 year ago)
- Last Synced: 2024-10-28T04:05:07.684Z (2 months ago)
- Topics: api, chart, d3, data-visualization, finance, graph, india, material-ui, mutual-funds, net-asset-value, react, redux, redux-toolkit, reduxtoolkit, stock-data, stock-market, stocks
- Language: JavaScript
- Homepage: https://indiamf.pages.dev
- Size: 2.45 MB
- Stars: 10
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A simple web app to view the historical NAV of Indian Mutual Funds. You can search for a fund house and view the historical NAV for one of their funds in a chart and also see the percentage change in the NAV over time. A date range selector is available to select and zoom in on a specific time period. The chart was made with D3 and is complete with transitions, graidents, and tooltips. You can also download the full scale NAV data (not downsampled) as a CSV file. All the Mutual Fund data, including the search results, are fetched from the [MFAPI.in](https://www.mfapi.in/) free API. The App is built with React, D3, and Material UI.
## Demo
## How to use
1. Type the name of the Fund house (eg: Axis, HDFC, SBI, ICICI etc.) or the type of fund (equity, debt, gold etc.) you want to search for in the search bar and then select a fund from the search results.
2. The chart will show the historical NAV of the selected fund. You can hover over the chart to see the NAV for a specific date. You can also zoom in on a specific time period by selecting a date range.
3. You can download the historical NAV data for the fund in CSV format by clicking the download button.
## Features
1. Search autocomplete for Mutual Fund names.
2. Historical NAV chart with tooltips and date range selector.
3. Color coded chart to indicate positive/negative NAV change.
4. Download historical NAV data in CSV format.
## Want to run it locally?
1. Clone the repository.
2. Run `npm install` to install the dependencies.
3. Get API URL from [MFAPI.in](https://www.mfapi.in/) and set it as the value of `VITE_MFAPI_URL` in the `.env` file.
4. Run `npm run dev` to start the development server.
## Site link
## https://indiamf.pages.dev/