Link to the website: https://yifuyuan.github.io/final
Link to the video: Screen-Cast Video
Link to the process book: Process Book
When the initial investment value is typed in and calculated, the market value updates itself everytime a new historical period is selected.
- index.html & script.js: These two files contain the essential part of the visualization. The script.js is from a stock price visualization template with basic functions, and extra features are built on top of it, including the stock price tooltip, historical area selection, and market value calculation.
- styles.css: It was created to polish the overall style, mostly done with the help of the ChatGPT.
- Data source: https://finance.yahoo.com/quote/NVDA
- Stock price visualization template: https://github.com/datavizdad/d3areachartseries/blob/main/part%203/scriptvideo3.js