Skip to main content
SimilarExport ZIP
100%

Scatter Plot Iteration 2

✓ Published2🌍 Public
Kkratikashetty1102@gmail.com
Last edited Mar 15, 2023
Created on Feb 20, 2023

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.

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 consisiting 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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Iteration 3

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.

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
92% 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…

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
74% match
Loading thumbnail…

Gist 6285682

This simple line chart shows the daily closing price of Apple (AAPL) stock from late 2011 to mid-2012, with each trading day plotted in chronological order. The visualization uses a conventional margin layout with axes rendered via SVG, leveraging D3's time scale for the x-axis and a linear scale for price on the y-axis. The line is drawn using d3.svg.line, with the data loaded from a TSV file and parsed using d3.tsv and d3.time.format. The chart uses d3.extent to automatically compute the domain from the date and price values, and displays axes with d3.svg.axis for clear temporal and price reference. The result is a clean, minimal line chart showing the stock's trajectory over the period, demonstrating D3's data-joining and scalable vector graphics capabilities in a straightforward time-series context.

11wheel
73% match
Loading thumbnail…

Line Chart with label V2

This line chart displays Google stock prices (open, high, low, close, and volume) over time from March 2016 to March 2021, using data loaded from a CSV via `d3.csv`. Built with React and d3.v5, the visualization uses `scaleTime` and `scaleLinear` for axes, and a `line` generator with `curveStep` to render the closing price trajectory. A crosshair cursor with `bisector` and `xScale.invert` enables interactive tooltips showing detailed values for each date.

RRajat Dangat
73% match
Loading thumbnail…

Activity 7 Q2

This area chart displays Apple’s daily closing stock prices over time, filtering a CSV of tech stocks for the AAPL ticker. The visualization uses D3 v6 with `scaleTime`, `scaleLinear`, `area`, and `axisBottom`/`axisLeft` to render an SVG path with light blue fill. The data loads via `d3.csv` from a GitHub gist, with dates parsed using `timeParse`. Axes are labeled for date and closing price in USD, with margins and dimensions set in code.

Ssaiteja.cse.rymec@gmail.com
73% match
Loading thumbnail…

Gist 5a00993a5372ab7fb1a3ce99a6d0e46b

This chart is a line graph of Google's stock price over the summer of 2014, showing daily fluctuations in the closing price. It uses the `d3.js` library for rendering an SVG with a time-series line and a date-scaled x-axis. The data for each trading day is loaded from a CSV file that includes both price and volume. The visualization highlights the stock's downward trend and volatility during that period, with each data point clearly marked on the path.

LLuisSevillano
72% match