45:["$","title",null,{"children":"Data Vis Course Assignment | Akash Ram | Observable"}] 4d:T401,- **Candlestick Charts** are ideal for representing **price movement** of a financial instrument, as they provide a clear and easy-to-read visualization of the **Time Series Data**, such as stock market prices or currency exchange rates. - **Candlestick Charts** allow you to visualize the **Open(O)**, **High(H)**, **Low(L)**, and **Close(C)** prices of a financial instrument over a period of time. - The **Candlestick Charts** is comprised of a series of "**candles**," with each **candle** representing a specific time period (e.g., one day, one week, etc.). - The **candle** is composed of a "**body**" and "**wicks**," with the **body** representing the opening and closing price of the stock, and the **wicks** representing the High and Low price points for that time period. - The color of the **candle** can indicate whether the price of a financial instrument has gone up or down during that time period, with **green** typically representing an **increase** in price and **red** representing a **decrease**.4e:[{"id":"ffd79f404cf73a05e8f665750cefce6b7f62532c117c7ead6e244f4bcfdf8044aa86f930013deeef1d8aec51890841e934d7522a27532e0748b44d6e833ea874","href":"https://static.observableusercontent.com/files/ffd79f404cf73a05e8f665750cefce6b7f62532c117c7ead6e244f4bcfdf8044aa86f930013deeef1d8aec51890841e934d7522a27532e0748b44d6e833ea874","name":"pizzaOrders@2.csv","type":"text/csv","lastModified":1680344501672.738,"size":1221739},{"id":"27066a951e5f456eb0fe8031388bc5548294807e3cd4aa7dfb5675ebe3887d5b87c7be456d9d4c6e1e67ac71f71f25d26d5732b348880b4254cd5db987577144","href":"https://static.observableusercontent.com/files/27066a951e5f456eb0fe8031388bc5548294807e3cd4aa7dfb5675ebe3887d5b87c7be456d9d4c6e1e67ac71f71f25d26d5732b348880b4254cd5db987577144","name":"public-unlisted@1.png","type":"image/png","lastModified":1680344501672.738,"size":50519}] 49:{"id":"958b45ef409205f3","slug":"data-vis-course-assignment","title":"Data Vis Course Assignment","thumbnail":"c151d869ae2a262f6c1ebaa82cb2a8fd34b2f2033ec22609a1cffca6d2dd182d","access_level":"public","create_time":"$D2023-04-01T10:21:41.672Z","update_time":"$D2025-04-05T08:17:10.875Z","view_time":null,"first_public_time":"$D2023-04-01T10:21:41.672Z","has_unpublished_edits":null,"fork":{"id":"b57b55214868a93c","slug":"data-vis-course-assignment","title":"Data Vis Course Assignment","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/ee24b2f3d7055ffb97ffc91c9c9563471228ef7d76023a233500c53880c3687c","tier":"starter_2024","bio":"Software Engineer & Data Visualization Specialist","followed_by_you":false,"follows_you":false},"version":435,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1d52a4b816a41e95","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/97a371d0a1014fc8f22aa7da56ab7920835220acbf32f37993e3b9b1ce0f4ff1","tier":null,"bio":"Software Engineer & Data Visualization Specialist ","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"1d52a4b816a41e95","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/97a371d0a1014fc8f22aa7da56ab7920835220acbf32f37993e3b9b1ce0f4ff1","tier":null,"role":"editor"},{"type":"team","id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram","avatar_url":"https://avatars-next.observableusercontent.com/ee24b2f3d7055ffb97ffc91c9c9563471228ef7d76023a233500c53880c3687c","tier":"starter_2024","role":"viewer"}],"comments":[{"id":"04b6aa38c39e0411","reply_to_id":null,"content":"Nice, good overview of chart types and you clearly put some thought into what they're each good for.","create_time":"$D2023-04-18T15:50:27.628Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"ce771552211c04ab","login":"rkosara","name":"Robert Kosara","avatar_url":"https://avatars-next.observableusercontent.com/105903f7d3ac285a1489b547eecce8f57bd15052862a307c4c2242f847d44a67","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"b0c575b33fae5646","slug":"data-vis-course-assignment","title":"DataVis Course Assignment ","owner":{"id":"6c0e85bb062a2e6d","login":"imakashram","name":"Akash Ram"}},"type":"notebook","body":{"titling":"auto","title":"Data Vis Course Assignment","cells":[{"id":0,"value":"# Data Vis Course Assignment","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"## Option B\n\nBrowse the public Observable notebooks from the [Explore page](https://observablehq.com/explore). Don't limit yourself to the trending ones, also look through the [Plot examples](https://observablehq.com/collection/@observablehq/plot-examples), [dashboards](https://observablehq.com/collection/@observablehq/dashboards/2), [visualizations](https://observablehq.com/collection/@observablehq/visualization), [D3 examples](https://observablehq.com/collection/@d3/charts), etc.\n\nFind three visualizations and _for each_, write a brief statement discussing\n- the choice of chart type and how it fits the data being depicted (or not)\n- at least two other choices for chart types that might work (they don't have to include all of the same exact data dimensions)\n- your personal take on these visualizations: do they convey what the author set out to do (as far as you can tell from the notebook's context)?\n- and don't forget to include a link to the original visualization!\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"optionB","database":"$undefined"},{"id":178,"value":"## Assignment Submission for Option-B","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":182,"value":"**Visulization No - I** (Candlestick Charts)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":186,"value":"Source URL: https://observablehq.com/@d3/candlestick-chart?collection=@d3/charts","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"$4d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":206,"value":"

Conclusion:

\n According to my data visualisation abilities, the type of chart and the way the data is presented here are both appropriate.\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":257,"value":"**Chart Type : 1 (Line or Area Graph) **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":214,"value":"- Line and Area Graph are another way of representing price movement of a financial instrument of **Time Series Data**\n\n- To represent Candlestick Charts using a Line or Area Graph, We can plot the **closing price(C)** of each candles as a point on the Line or Area Graph. we can use different colors or markers to distinguish between bullish and bearish candles.\n\n- **Plotting Logic :** Time Series (X-Axis) and Closing Price (Y-Axis)\n\n- We can show the Open (O), High(H), Low(C), and Close(C) prices as a **Mouse Crossover** on **X-Y Axis** of the graphs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":281,"value":"**Chart Type : 2 (OHLC Chart) **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":283,"value":"- OHLC Charts display the four data points (Open, High, Low, Close prices) as **horizontal lines**\n\n- **Plotting Logic :** Time Series (X-Axis) and Open, High, Low and Close prices (Y-Axis)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":289,"value":"

Conclusion:

\n To the best of my understanding, the Open, High, Low, and Close prices over a period of time can be visualised using a Line or Area Chart and an OHLC Chart.\n

Conclusion:

\n Candlestick Charts are an effective way to display Open, Low, High, and Close values because they provide a clear and visual representation of price action over a given time period, enabling traders to quickly identify trends, patterns, and potential trading opportunities.\n

Conclusion:

\n In the case of population data, it is usually more effective to use a chart that shows the actual population size of each age group, such as a population Bar Graph or a Stacked Bar Graph. These types of charts allow for easy comparison of population sizes between age groups and make it easy to see the overall distribution of the population by age.\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":332,"value":"**Chart Type : 1 (Bar Graph) **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":354,"value":"- **Bar Graph** can be used to show the distribution of population by age group\n\n- **Plotting Logic:** Age Group(X-Axis) and Population Count (Y-Axis) \n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":360,"value":"**Chart Type : 2 (Stacked Bar Graph) **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":362,"value":"- **Stacked Bar Graph** can be used to show the distribution of population by age group, with each bar representing a different age group and the height of the bar representing the size of the population in that age group. The bars are stacked on top of each other to show the total population size.\n\n- **Plotting Logic:** Age Group(X-Axis) and Population Count (Y-Axis)\n\n- We may also use different types of chart type such as - **Bubble Chart, Scatter Plot, Heat Map** and others.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":369,"value":"

Conclusion:

\n Bar Graphs are commonly used to compare data between different categories and to show trends over time. They are particularly useful for visualizing categorical data because they provide an easy way to compare the values for each category using the length or height of the bars.\n

Conclusion:

\n Pie Charts are most effective when there are relatively few categories, and when the categories are clearly defined and distinct from one another. However, when there are many categories or when the data is more complex, other types of charts may be more suitable. \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":388,"value":"**Visulization No - III** (Stacked Bar Graph)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":391,"value":"Source URL: https://observablehq.com/@d3/stacked-bar-chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":393,"value":"- **Stacked Bar Graph** is a type of graph that is used to display information in a way that shows how each category contributes to the total. It consists of bars that are stacked on top of each other, with each bar representing a category and the height of the bar representing the total value for that category.\n\n- **Stacked Bar Charts** are useful for comparing the composition of different categories of data and identifying trends or patterns within each category.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":396,"value":"

Conclusion:

\n These types of charts allow for easy comparison of population sizes between age groups and make it easy to see the overall distribution of the population by age.\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":398,"value":"**Chart Type : 1 (Group Bar Graph) **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":400,"value":"- Instead of stacking the bars, you can group them together side-by-side. This is useful when you want to compare the values of different categories within each group.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":403,"value":"**Chart Type : 2 (Bubble Chart) **","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":405,"value":"- A bubble chart is a type of scatter plot where each point is represented as a bubble, and the size of the bubble represents the value of a particular category. This is useful for displaying three dimensions of data: the x-axis, y-axis, and the size of the bubble.\n\n- We may also use different types of chart type such as - **Tree Map**, **Heat Map**, **Stack Area Graph**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":410,"value":"

Conclusion:

\n The group bar graph is easy for the individual to understand with respect to the stacked bar graph.\n

Conclusion:

\n Group bar graph and bubble chart can provide more detail and granularity in the data, as individual data points are displayed, whereas stacked bar chart only shows aggregated data.\n