Skip to main content
SimilarExport ZIP
100%

Apple Daily Price- Customizing Axes

✓ Published0🌍 Public
Rrangitit
Last edited Sep 6, 2019
Created on Sep 2, 2019

This horizontal bar chart displays Apple Inc.’s daily stock price for selected days in 2019, using a bar length to represent price and a band scale for dates. Built with D3 v5, the SVG chart applies `scaleLinear` and `scaleBand` for axes, with `axisLeft` and `axisBottom` for ticks. The x-axis labels use `format('.3s')` to abbreviate numbers, rendering price values in thousands. Data is loaded from a CSV file, and the chart is drawn using SVG `rect` elements with a pink background and steelblue bars.

AI-generated description

This bar chart shows the price of Apple Inc on some days in year 2019.

MIT Licensed

Similar vizzes

Loading thumbnail…

Apple Daily Price bar chart

This bar chart displays Apple Inc.'s daily stock price on several dates in 2019, with vertical bars representing the numerical price for each recorded day. The visualization uses d3.csv to load the data, d3.scaleBand for the date axis, d3.scaleLinear for the price axis, and d3.axisLeft and d3.axisBottom to render the axes. Each rectangle’s height encodes the price value, while the SVG canvas has a pink background and steelblue bars. The chart omits dates where price data is missing.

Rrangitit
92% match
Loading thumbnail…

Apple stock price display

A line chart displays Apple stock prices over time, using a red-to-green gradient to encode the value range from low to high. The chart includes axes for dates and price, plus an interactive tooltip that appears on mouseover, showing the precise price at the cursor position via a circle marker and text label. The visualization is built with D3 v4, using `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.bisector` for hover detection. Data comes from a CSV file loaded with `d3.csv`, and the SVG rendering includes a linear gradient defined with `linearGradient`.

AAdvait Maduskar
81% match
Loading thumbnail…

Stock price display - Apple

This example shows the historical stock price of Apple as a line chart, with a vertical gradient stroke transitioning from red (low values) to green (high values). It includes interactive hover functionality: moving the mouse over the chart reveals a black circle marker and a text label displaying the exact price at the nearest data point. The visualization is built using D3.js v4, leverages SVG for rendering, and uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` for axes. Data is loaded from a CSV file containing date and price columns, and the chart uses a bisector for efficient nearest-point lookup during mouse movement.

TToly
79% 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
79% match
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
78% 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
77% 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
77% 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
76% match