Fork of Fork of Activity_7_1_Question_2

100%

Fork of Fork of Activity_7_1_Question_2

✓ Published0🌍 Public

Last edited Nov 7, 2024

Created on Nov 7, 2024

Forked from Fork of Activity_7_1_Question_1

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.

AI-generated description

MIT Licensed

Similar vizzes

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

81% match

Loading thumbnail…

Fork of D3 Area Chart - 11641166

This visualization presents Apple Inc.'s average stock price from 2000 to 2023 using a combined line and area chart. The SVG rendering uses D3 v7 to load CSV data, which is parsed and scaled with `scaleTime` for the X-axis and `scaleLinear` for the Y-axis. Grid lines are generated via `axisBottom` and `axisLeft`, while the data is drawn using `d3.line()` and `d3.area()` generators. The area chart is filled with a light blue color, and the line appears as a thick dark stroke, with axis labels and rotated Y-axis text enhancing readability.

JJasvitha Allamsetty

80% match

Loading thumbnail…

Fork of D3 Line Chart - 11641166

This example visualizes Apple Inc.’s average annual stock price from 2000 to 2023 as a single line chart. It uses d3.line, d3.scaleTime, and d3.scaleLinear to map years and prices, with axes generated via d3.axisBottom and d3.axisLeft. The SVG renders gridlines, labeled axes, and a purple stroke path. Data is loaded from a CSV using d3.csv, and styled with custom CSS classes.

JJasvitha Allamsetty

79% match

Loading thumbnail…

Fork of Apple stock price display

This fork of the Apple stock price display visualizes historical stock values over time using an SVG line chart. A green-to-red linear gradient colors the line based on price range, and a hover interaction reveals a labeled circle showing the exact price at the cursor position. The visualization uses d3.v4 with d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.line, and d3.bisector for mouse tracking. Data is loaded from a CSV file hosted on GitHub, and the chart updates dynamically via d3’s event handlers.

AAndrej38995

79% match

Loading thumbnail…

Fork of Fork of Stock price display

This interactive line chart displays Apple stock prices over time, spanning from 1977 through 1982. The visualization uses a green-to-red vertical gradient to encode price levels, with higher values appearing greener and lower values redder. Users can hover over the chart to see a tooltip with the exact price at any date, indicated by a black circular marker that tracks the cursor along the line. The chart is built with D3.js v4 and React, reading data from a remote CSV file, and renders as an SVG with a bisector-based search to find the closest data point to the mouse position.

Ssitaramchallapalli

78% match

Loading thumbnail…

Multiple lines

This visualization displays the monthly stock prices of Microsoft, Amazon, and IBM from 2000 to 2010 as multiple colored lines on a single chart. The chart uses a time-scaled x-axis and a linear y-axis for price, with each company’s line labeled directly. Built with D3 v4, the code loads data from a CSV, nests it by stock symbol, and renders using SVG paths. It also includes commented-out attempts at streamgraphs and area charts.

CCharlesGaydon

77% match

Loading thumbnail…

TP3 Data viz Joymangul

This example visualizes monthly closing prices for Microsoft (MSFT) and Amazon (AMZN) from January 2000 to March 2010, using data from a CSV file loaded via d3. It renders the time series as an SVG line chart, with each stock’s price over time drawn as a separate line. The visualization, built with D3 v4 and inspired by earlier forks, emphasizes the contrast between the two tech stocks’ price trajectories over the decade. The chart uses a minimal blockbuilder.org template and is released under the MIT license.

JJoymangulJensen

77% match

Loading thumbnail…

etape2

The visualization displays monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010, with each company’s price series separated into its own horizontal band. Animated SVG line charts draw progressively over time, while filled areas underneath each line use color to distinguish the symbols. The code uses d3.csv, d3.nest, d3.svg.line, d3.svg.area, and d3.timer to parse the data, group by symbol, and animate the rendering.

NNaamaNaa

77% match