From e872e5883f9f61e7f0de320d32621a904553a907 Mon Sep 17 00:00:00 2001 From: Eric Sun <91984610+ericsun153@users.noreply.github.com> Date: Sat, 17 Feb 2024 00:10:01 -0800 Subject: [PATCH] Update index.html --- index.html | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index b9eef6c4..308e5b1a 100644 --- a/index.html +++ b/index.html @@ -1 +1,31 @@ -K-line Stock Market Visualization
+
+

+ The dataset we selected for our analysis encompasses the stock price of Apple Inc. over the past several years. Given the extensive volume of data, which includes daily stock prices from the 1990s to the present, we narrowed our focus to the period from 2022 to the current date. This timeframe is interesting as it allows us to examine the impact of Apple's breakthrough product, the 'Vision Pro', on the stock price surrounding its release in June 2023. +

+

+ While considering various methods to visualize this data, we ruled out line graphs and bar charts. Line graphs, although straightforward, fail to provide detailed price range information within each period. Similarly, bar charts fall short in effectively conveying the progression of opening and closing stock values. Finally, we chose candlestick chart enhanced with interactive tooltips. +

+ Our visual encodings utilize the finance industry's standard color conventions: green signifies upward trends, while red indicates declines. This color coding is designed to be recognizable to individuals accustomed to stock market charts, thus aiding in quick and efficient comprehension. + To further our chart's utility, we embedded tooltips that reveal exact data points as the cursor moves over individual elements. This feature maintains a streamlined chart appearance while simultaneously offering in-depth data upon request, striking a balance between visual clarity and comprehensive information. +

+

+ We also incorporating trading volume data at the bottom, presented in a histogram format with interactive capabilities that highlight specific daily volumes. The histogram's subdued gray color and placement beneath the main chart keep the focus on the candlestick patterns while still providing context regarding market activity. Volume can help us confirm the strength or weakness of a price trend. For instance, an upward trend accompanied by increasing volume is generally seen as stronger and more likely to continue than a trend with decreasing volume. +

+
+ +
+ + + +
+ +

+ In terms of division of labor, Eric handled the data loading and construction of the candlestick chart, while Sunan focused on illustrating trading volume and implementing interactive features, ensuring each element was optimally sized for the overall website. Eric brought our efforts together, managing the final compilation, uploading to GitHub, and deploying the website. We each dedicated five hours, totaling ten in this project. We spend most of our time adjusting the elements to achieve a clear and informative representation of our data. +

+

+ From our analysis, it is evident that Apple's stock price has experienced a consistent rise following the mid-2023 release of Vision Pro. Moreover, we observed a recurring trend where the stock price tends to surge after every Worldwide Developers Conference when new software features are announced. Overall, this project offered insights into the tangible market reactions to Apple's product innovations. +

+

+ In addition to the basic chart, we integrated a more sophisticated graph using the 'react-stockcharts' package. This enhancement offers improved visual appeal and interactive functionalities like zooming and precise coordinate positioning. Although we utilized additional packages, this advanced chart serves to demonstrate how our initial design can be augmented with supplementary tools. +

+
K-line Stock Market Visualization