Market Performance Visualizer

In finance, it can be hard to asses how the current market is doing. This is a data aggregation tool that can graph various economic indicators to help the user analyze how the market is performing.

Comment

Inspiration

Wanting to help people understand how the market is performing based on data

What it does

Lets the user select an economic indicator to graph, then makes API requests to the federal reserve economic data and displays the data on a graph

How we built it

Using React libraries like Materials UI, Recharts, and basic HTML/CSS/Javascript

Challenges we ran into

CORS access denied policies when making API requests

Accomplishments that we're proud of

Fixing API requests and using React hooks and state

What we learned

How to build a clean looking web-app

What's next for Market Performance Visualizer

Add view data from past month, past 3 months, past 5 months, past year, past 5 years, etc Add a custom scale on the x-axis to choose a range of data to view Add an overlay feature to display multiple graphs on top of each other

To test the app for yourself

Clone the github repo, cd into indicators-visualizer, run npm install, then do npm start.

Built With

Share this project:

Updates