etape1

100%

✓ Published0🌍 Public

Last edited Nov 29, 2017

Created on Nov 29, 2017

This visualization displays Apple stock prices over time from January 2000 through December 2008. The chart combines a steelblue line for the price trend with a lightsteelblue filled area beneath it, making the overall trajectory easy to read. The data is loaded from a CSV file and parsed with d3.timeParse to convert month-year strings into dates, while a time scale maps dates to the x-axis and a linear scale maps prices to the y-axis. D3 v4's area and line generators are used to draw the SVG paths, with axes rendered via d3.axisBottom and d3.axisLeft. The y-axis starts at zero, so the area fill emphasizes both the magnitude and the relative changes in the stock price over the period from January 2000 to December 2008.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

etape4

This visualization is a streamgraph showing monthly stock price changes for Microsoft (MSFT) from January 2000 to December 2007. The data is loaded from a CSV file and processed with D3's stack layout using a "silhouette" offset, creating a symmetric area chart. The single series is rendered as a smooth cardinal-interpolated area path, colored with a blue sequential palette. The chart includes a time-based x-axis with yearly ticks and a y-axis on the right, displaying the stock price range. The visualization uses an SVG rendering with D3 v2, and the area chart is styled with a white background and minimal axis lines.

Aanojoual

84% 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

83% match

Loading thumbnail…

area

This area chart visualizes Apple’s stock price trend over time, using a light blue filled path beneath a line. It loads CSV data from Plotly’s finance-charts dataset, parses the date and closing price fields, and renders an SVG with D3 v7. The chart uses d3.scaleTime and d3.scaleLinear for axes, d3.area to generate the path, and d3.axisBottom and d3.axisLeft for the grid. Labels for “Date” and “Stock Price” are added as SVG text elements.

Hharshithamiriyam@gmail.com

83% 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

82% match

Loading thumbnail…

line

This line chart displays Apple’s stock price trend over time, using data from Plotly’s finance-charts-apple.csv. The visualization uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear to map dates and closing prices, and d3.line to generate the SVG path. The chart includes labeled axes and a green stroke line, rendered with d3.axisBottom and d3.axisLeft.

Hharshithamiriyam@gmail.com

81% match

Loading thumbnail…

line chart

This line chart visualizes stock price fluctuations over a roughly nine-month period, from April 2007 to February 2008. The data is loaded from a TSV file containing date-value pairs, parsed with D3’s time and linear scales. The SVG rendering draws a single blue path connecting daily closing values, with axes for date (x) and price (y). The line clearly shows the stock's upward trend through late 2007, a sharp decline in early 2008, and subsequent volatility, providing a straightforward temporal view of the dataset. The chart uses D3 v4 and is built with blockbuilder.org, released under the MIT license.

Aallyraza

81% 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

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

81% match