Temperature Visualization

100%

Temperature Visualization

✓ Published0🌍 Public

Last edited Sep 26, 2017

Created on Sep 26, 2017

This visualization shows Apple’s daily stock price over roughly four months as a line chart, with the close price tracked across time from mid-August to late November 2012. The line captures both the overall upward trend in early September and the sharp decline in late October, illustrating volatility over the period. The chart is rendered with D3 v4 using SVG, reading data from a CSV file that includes date, open, high, low, close, and volume fields. While titled "Temperature Visualization," the visualization actually plots the closing price of AAPL stock, encoding time along the x-axis and price along the y-axis.

AI-generated description

Part of the video course: D3.js in Motion.

This line chart shows close value of AAPL from Aug 13, 2012 to Aug 11, 2017 for every trading day. The data was collected from S&P 500 Stock Data of Kaggle and Yahoo Finance.

Forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='https://bl.ocks.org/curran/90240a6d88bdb1411467b21ea0769029'>Line Chart of Temperature</a>

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Temperature Visualization

This visualization plots Apple’s daily stock price as a line chart over time, using data loaded from a local CSV file. The SVG path encodes the closing price series across the sampled trading days, with axes for date and price. The example demonstrates a minimal D3 v4 data join and scale mapping, showing how raw tabular data can be transformed into a clean, readable time-series graphic.

FFanYang715

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

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

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

82% match

Loading thumbnail…

Line Chart

This line chart visualizes the daily closing price of AAPL stock from late 2011 to mid-2012 using a clean SVG line plot. The data is loaded from a TSV file via `d3.tsv`, with dates parsed by `d3.time.format` and encoded along a time-scaled x-axis, while a linear scale maps price on the y-axis. The chart computes its domains with `d3.extent` and renders axes with `d3.svg.axis`. The single line is drawn using `d3.svg.line`, with smooth transitions between points. Standard margins frame the visualization, and the axis labels and tick marks provide clear context. Animated transitions emphasize the line’s trajectory over time, demonstrating core D3 patterns for time-series data.

CConorAspell

82% match

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.

深深度碎片

81% match

Loading thumbnail…

AAPL Stock Price

This scatter plot visualizes the daily closing price of Apple stock (AAPL) from December 2019 to March 2020, sourced from SEC filings. The visualization encodes each trading day as a steelblue circle, with the x-axis representing time and the y-axis representing price in dollars, revealing price fluctuations over the period. Built with D3 v5, the chart uses `svg` rendering with `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and includes interactive tooltips that display the exact closing price on mouseover. The data is loaded from a local CSV file, and the chart title and axis labels are styled using Garamond font from the accompanying stylesheet.

Eemberix@gmail.com

80% match

Loading thumbnail…

Gist 5865021

This example shows the closing price of Apple (AAPL) stock over several months in 2011 and 2012 as a simple SVG line chart. The time-series data is loaded from a TSV file using `d3.tsv`, with dates parsed through `d3.time.format`. The chart uses a `d3.time.scale` for the x-axis, a linear `d3.scale.linear` for the y-axis, and `d3.extent` to compute the domains. Axes are rendered with `d3.svg.axis`, and the line itself is drawn using `d3.svg.line` with steelblue strokes on a white background.

11wheel

79% match