Stock Market Tree Map
Budget: $250 – $750 USD
I am looking for someone to build a stock market tree map like finviz.com:
https://finviz.com/map.ashx
It needs to match the same layout as shown in the screenshot. It will need to have both "Map" and "Bubbles" types. With a map filter, it can pull data in the same format as the stockdata.txt (or csv file) except with different numbers of rows. It will need a drop down box for 1 Day Performance and Short Data. The "Map" is technically a tree map that displays rectangles in proportion to the size of the market cap, and the color is proportional to the percentChange, ie red for -3%, green for +3%, etc. It needs to be able to accept more items in the drop down box in the future and be expandable.
I think as long as it is written in JavaScript it will be acceptable for the front end. Look into the D3 charting library, plotly.js, and React for the front end. I tried to create this in Dash/plotly.py in python and it is NOT flexible enough to be customizable. Some backend can be performed in Python if necessary, as long as it is fast.
Try to have a similar font style, click to zoom. The tree map is broken down by main sector, then sub-sector, and finally the stock itself. The hover should match the website, with the highlight and data but without the stock graph showing. But it would be nice to have the capability in the future to expand. Let me know if you have any questions.
https://finviz.com/map.ashx
It needs to match the same layout as shown in the screenshot. It will need to have both "Map" and "Bubbles" types. With a map filter, it can pull data in the same format as the stockdata.txt (or csv file) except with different numbers of rows. It will need a drop down box for 1 Day Performance and Short Data. The "Map" is technically a tree map that displays rectangles in proportion to the size of the market cap, and the color is proportional to the percentChange, ie red for -3%, green for +3%, etc. It needs to be able to accept more items in the drop down box in the future and be expandable.
I think as long as it is written in JavaScript it will be acceptable for the front end. Look into the D3 charting library, plotly.js, and React for the front end. I tried to create this in Dash/plotly.py in python and it is NOT flexible enough to be customizable. Some backend can be performed in Python if necessary, as long as it is fast.
Try to have a similar font style, click to zoom. The tree map is broken down by main sector, then sub-sector, and finally the stock itself. The hover should match the website, with the highlight and data but without the stock graph showing. But it would be nice to have the capability in the future to expand. Let me know if you have any questions.