Skip to main content
SimilarExport ZIP
100%

Activity 7 Q2

✓ Published0🌍 Public
Ssaiteja.cse.rymec@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart

This area chart displays the daily closing price of AAPL stock from early 2011 to May 2012, with time on the x-axis and price in dollars on the y-axis. The visualization uses D3 v3 with an SVG rendering to draw a filled steelblue area under the price curve. The code loads and parses data from a TSV file using `d3.tsv` and `d3.time.format`, encodes positions with `d3.time.scale` and `d3.scale.linear`, computes domains with `d3.extent` and `d3.max`, and renders axes via `d3.svg.axis` alongside the `d3.svg.area` shape.

深深度碎片
82% 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
81% 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
80% match
Loading thumbnail…

Gist 6285771

This simple line chart tracks the daily closing price of AAPL stock from January 2012 to May 2012, with a data file storing date–price pairs. It uses D3’s SVG rendering, applying conventional margins, a time scale for the x-axis, a linear scale for the y-axis, and axis components. The line is drawn with d3.svg.line, while domains are computed with d3.extent. The chart demonstrates loading and parsing TSV data with d3.tsv and formatting dates with d3.time.format, offering a clean, compact example of D3’s core data-join and scales.

11wheel
80% match
Loading thumbnail…

Area Chart

This area chart displays the closing price of AAPL stock from 2007 to 2008, with the area beneath the line filled in steelblue to emphasize the price trend over time. The visualization is rendered as an SVG element and uses D3 v4 modules including d3-dsv to parse tab-separated data, d3-time-format for date parsing, d3-scale for time and linear scales, d3-array for data extent calculations, d3-axis for the bottom and left axes, and d3-shape’s d3.area to generate the filled path. The y-axis is labeled “Price ($)”.

Mmbostock
80% match
Loading thumbnail…

Activity 7 Q2

This area chart visualizes the sales of Apple mobile devices from 2009 to 2019. The D3 v5 code creates a smooth, curved line and fills the area beneath it, with labeled axes and gridlines. The visualization loads data from a CSV file, which is parsed and formatted to extract the year and convert sales values to numbers. Using the `d3.area` and `d3.line` generators, the chart is rendered as an SVG, with time-based scaling for the x-axis and linear scaling for the y-axis.

Ssumithdugyala@my.unt.edu
79% 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
79% match
Loading thumbnail…

Line Chart

A line chart displays the daily closing price of Apple (AAPL) stock from 2007 to 2008, with time on the x-axis and price in dollars on the y-axis. The SVG visualization uses D3 v4 to parse TSV data, with `d3.scaleTime` and `d3.scaleLinear` for positioning, `d3.axisBottom` and `d3.axisLeft` for axes, and `d3.line` to render the data. A steelblue stroke, 1.5 pixels wide, traces the price trend over the two-year period.

Mmbostock
79% match