Task Overview | Installation Instructions | Link to Module 2
Experience Technology at JP Morgan ChaseTry out what real work is like in the technology team JP Morgan Chase. Fast track to the tech team with your work.
Use JP Morgan Chase's frameworks and tools Implement JP Morgan Chase’s Perspective open source code in preparation for data visualization
Aim:Take an incomplete setup of Perspective and make it work with the code from Task 1
- Please clone this repository to start the task
- When new data feed is retrieved, the previous entry is re-entered into the table. Update the application so that the table does not have duplicated entries
- We want the react app to keep continuosly requests data from the python server. Currently, the data feed is called only once every time the 'Start Streaming' button is clicked. Change the application to continuously query the datafeed every 100ms when the 'Start Streaming' is clicked.
- Currently, the Perspective element only shows the data in table view after the data loads. Add Perspective configurations so that when the data is loaded, it shows the historical data of ask_price ABC in the Y line chart.
- Upload a git patch file as the submission to this task
Please ensure you are using python2.7.
Similar to Task 1, start the data feed server by running the python server
python2 datafeed/server.py
If you encounter an issue with datautil.parser, run this command:
pip install python-dateutil
If you don't have pip, you can install it from: https://pip.pypa.io/en/stable/installing/
Run npm install to start the React application.
To run the app in development mode, run npm start in the project directory. If you are using Windows, make sure to run your terminal/command prompt as administrator. It's okay to have audit warnings when installing/running the app.
If you don't have npm, you can install the recommended version alongside NodeJS from: https://nodejs.org/en/
Open http://localhost:3000 to view the app in the browser. The page will reload if you make edits.