Scatter Plot Iteration 3

100%

Scatter Plot Iteration 3

✓ Published0🌍 Public

Last edited Mar 15, 2023

Created on Feb 27, 2023

This scatter plot displays closing prices for Apple and Google stocks from November–December 2022, with date on the x-axis and closing price on the y-axis. It uses d3.scaleTime and d3.scaleLinear for the axes, while d3.scaleOrdinal assigns distinct colors to each company. A color legend, implemented via the custom colorLegend function, identifies the two stocks. Data is loaded from a CSV subset of S&P 500 daily records and rendered as circles using D3 v7 selections.

AI-generated description

A scatter plot of 2022 Daily S&P 500 Stocks Data with Date on the X Axis and Closing Price on Y axis. A subset of stocks data consisting of Apple and Google stocks for the month of November and December were considered for the plot - https://gist.githubusercontent.com/kratikashetty/ce2fc2c3b5797665339317ce85d582b1/raw/8e538b683be93c18541a2872fe879857341660dd/sp500_stocks_2022_subset.csv

Displayed the axes using d3.scaleTime for X axis and d3.scaleLinear for Y axis. Different colors are displayed for Google and Apple stocks using d3.scaleOrdinal. In the iteration 3, introduced color legends in the plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Iteration 2

This scatter plot shows daily closing prices for Apple and Google stocks from November and December 2022, with date on the x-axis and closing price on the y-axis. It uses d3.scaleTime for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal with d3.schemeSet1 to color-code points by stock symbol. The data comes from a CSV file of S&P 500 stock data, parsed with d3.csvParse. Axes and labels are rendered using d3.axisBottom, d3.axisLeft, and custom utility functions.

Kkratikashetty1102@gmail.com

96% match

Loading thumbnail…

Fork of Scatter Plot Simple

This scatter plot displays daily closing prices for Apple and Google stocks from November and December 2022, with dates on the x-axis and closing prices on the y-axis. The axes are hidden, and the plot uses color-coded points to distinguish between the two companies. The visualization is built with d3.v7, using `scaleLinear` for position scales and `scaleOrdinal` with `schemeSet1` for coloring, while data is fetched from a CSV file and rendered in full-screen SVG.

Kkratikashetty1102@gmail.com

91% match

Loading thumbnail…

Simple scatterplot with d3.js

This visualization combines a line graph and scatterplot to show Apple’s stock closing price over time, with data from a CSV file. The blue line connects daily price points, while small circles mark each individual observation along the series. Built with D3.js (version 3.5), it uses `d3.svg.line`, `d3.time.scale`, and `d3.svg.axis` to render the SVG path, axes, and date-based x-scale. The scatterplot circles are appended via `selectAll("dot")` with explicit radius and coordinate attributes. Data parsing relies on `d3.time.format` for date conversion and linear scaling for y-values.

Dd3noob

78% match

Loading thumbnail…

Fork of Activity3questions

This scatter plot displays stock market data, with each point representing a stock's opening and closing prices. The visualization uses color to categorize stocks into three types: Tech, Finance, and Healthcare. The plot is rendered as an SVG using D3 v6, with data loaded from a CSV file hosted on GitHub. The code uses `d3.scaleLinear` for axes, `d3.axisLeft` and `d3.axisBottom` for axis rendering, and `d3.select` to append elements to the body.

Rramyaraomadhavareddy@gmail.com

72% match

Loading thumbnail…

loading multiple stock data from dataset

A multi-line chart displays the monthly closing prices of three technology stocks (MSFT, AMZN, IBM) from January 2000 through March 2010, sourced from a local CSV file. The visualization distinguishes each stock with a distinct color via `d3.scaleOrdinal` and `d3.schemeCategory10`. The chart is rendered as an SVG canvas using D3 v4, with price data nested by symbol via `d3.nest`, dates parsed with `d3.timeParse`, and paths drawn using `d3.line` and `d3.curveBasis`. Axes, including a bottom x-axis and a left y-axis with 20 ticks, are generated using `d3.axisBottom` and `d3.axisLeft`. A legend maps each color to its stock symbol.

LLRobergeon

72% match

Loading thumbnail…

Area chart Assignment2

This area chart visualizes stock price predictions for Apple over time, with the month on the x-axis and the opening dollar price on the y-axis. The chart combines a smooth line and a semi-transparent filled area beneath it, both generated using d3.line() and d3.area() with curveBasis interpolation. The SVG rendering uses d3.scaleTime and d3.scaleLinear for axes, with axis labels styled via CSS. Data is loaded from a CSV file using d3.csv, and the chart includes custom tick formatting for the time and value axes.

Yyellahemalatha@gmail.com

72% match

Loading thumbnail…

Area Chart

This area chart visualizes Google's monthly closing stock prices. The D3.js v7 code loads data from a CSV file via UNPKG and uses the `csv()` function to parse it. The visualization employs `scaleTime` and `scaleLinear` for the axes, and the `area()` generator with a `curveBasis` curve to create the smooth, filled area path. The SVG rendering includes styled tick marks, axis labels, and a title, all formatted with `timeFormat` and CSS.

SSanchay

72% match

Loading thumbnail…

Fork of Fork of Activity_7_1_Question_2

This chart displays the historical stock prices of Microsoft and Apple as overlaid semi-transparent area charts, using a time-series x-axis and a linear price y-axis. The visualization loads CSV data from a GitHub gist, parses dates with `d3.timeParse`, and renders the chart as SVG via the D3.js v7 library. It uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` for path generation, and `d3.axisBottom` and `d3.axisLeft` for ticks. Quarterly date ticks are formatted as month-year, with a legend identifying each company.

LLarry Johnson

72% match