Skip to main content
SimilarExport ZIP
100%

RC 007 Stock Price

✓ Published0🌍 Public
Rrichardcorreia@my.unt.edu
Last edited Oct 25, 2025
Created on Oct 24, 2025

This example visualizes AMZN stock price and volume with a dual-axis chart. An orange line shows closing prices over time, while semi-transparent steelblue bars represent trading volume on a separate right-hand scale. The visualization uses D3 v7 with SVG rendering, employing `d3.csv` to load stock data, `d3.scaleUtc` for time axes, `d3.scaleLinear` for the two value axes, and `d3.zoom` for interactive panning and zooming. A hover tooltip displays date, price, and volume details for individual data points.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

RC 007 Bar Chart of stock data with shading

This bar chart displays Amazon (AMZN) stock price and trading volume over time, with a light gray shaded area beneath the orange price line to emphasize the closing price trend. The visualization combines a time-scaled x-axis with dual y-axes: price on the left and volume on the right, using steelblue bars for volume. Built with D3 v7, the code parses CSV data via `d3.csvParse`, scales with `d3.scaleTime` and `d3.scaleLinear`, and renders SVG elements including axes, grid lines, bars, and an area path.

Rrichardcorreia@my.unt.edu
91% match
Loading thumbnail…

RC 007 Bar Chart of stock data

This example combines a time-series price line with volume bars to chart Amazon (AMZN) stock data. The orange close-price line uses d3.line, while semi-transparent steelblue rectangles represent trading volume against a separate right axis. Both axes are rendered with d3.axisBottom and d3.axisRight, and the chart includes dashed grid lines. Data loads from a remote CSV via the AllOrigins proxy and parses with d3.csvParse, then displays a preview table and loading message below the SVG.

Rrichardcorreia@my.unt.edu
90% match
Loading thumbnail…

Fork of RC 007 Bar Chart of stock data

This fork of the Observable bar chart shows Amazon (AMZN) stock price and trading volume on a dual-axis, zoomable SVG chart. The visualization combines a steelblue volume bar series with an orange price line, plus a final price point marker and an interactive data table. It uses d3.csvParse to load data from a gist, then d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.axisRight to render the axes and grid lines.

Rrichardcorreia@my.unt.edu
83% match
Loading thumbnail…

Stock of Amazon

This example visualizes Amazon’s average annual stock price as a blue area chart over time, with red titles and axis labels. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to render smooth SVG paths. Data is loaded via `d3.csv` from a public GitHub gist, and the chart includes grid lines, tick formatting, and rotated y-axis labels.

Jjayavamsi
73% match
Loading thumbnail…

Amazon_stock_price

This visualization displays the average annual stock price of Amazon in US dollars over time, using a smooth line chart generated with D3.js v5 within a React framework. The SVG renders a line path with a basis curve, while axes are labeled "Year" and "Avg_Stock_Price_USD" via `axisLeft` and `axisBottom`. The data is loaded as CSV from a GitHub gist, with numeric parsing applied to both year and price fields, and the chart employs `scaleLinear` and `extent` to map domains.

Jjayavamsi
71% match
Loading thumbnail…

LIne chart -7

This line chart shows Amazon stock price over time, with the year on the x-axis and price on the y-axis. The chart uses D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator, rendering as an SVG. Data is loaded via D3’s `csv` function from a remote URL, with dates parsed using `d3.timeParse` and prices converted to numeric values. Grid lines, axis labels, and a styled path highlight the trend.

SSaiSree0122
71% match
Loading thumbnail…

Area Chart Data Visualization

This area chart displays Amazon's stock price over time, using a smooth, curved line and a gray shaded region beneath it to emphasize the trend. The visualization is built with D3 v5 within a React framework, rendering as an SVG. It uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `d3.line` and `d3.area` generators with `curveBasis` for smoothing. The data is loaded from a CSV file and parsed with `d3.timeParse`, while axes are drawn using `axisBottom` and `axisLeft`.

AAditya Pujari
70% match
Loading thumbnail…

Area chart

This area chart displays Amazon’s daily closing stock prices from May to August 2019. The SVG visualization uses d3.csv to load the data, d3.timeParse for dates, and d3.scaleTime and d3.scaleLinear for axes. A d3.area generator fills the region beneath the price line, rendered as a black path with 30% opacity, with labeled time and price axes.

Vvaishnavgck@gmail.com
70% match