RC 007 Bar Chart of stock data

100%

RC 007 Bar Chart of stock data

✓ Published2🌍 Public

Rrichardcorreia@my.unt.edu

Last edited Oct 26, 2025

Created on Oct 25, 2025

Forked from Fork of Bar Chart of Netflix 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.

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

95% match

Loading thumbnail…

RC 007 Stock Price

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.

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

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

78% match

Loading thumbnail…

Line Chart- Data Visualization

This line chart displays Amazon’s stock price over time, with the year on the x-axis and price on the y-axis, using an SVG rendered with D3 v5. It loads a CSV dataset via `d3.csv`, parses dates with `d3.timeParse`, and maps data using `scaleTime` and `scaleLinear`. The chart includes labeled axes with gridlines, and draws the price trend as a single line path generated by `d3.line`.

AAditya Pujari

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

77% match

Loading thumbnail…

Fork of Line Chart- Data Visualization

This line chart displays Amazon stock prices over time, with the year on the x-axis and price on the y-axis. It uses d3.scaleTime and d3.scaleLinear to map the data, d3.axisBottom and d3.axisLeft for the labeled axes, and d3.line to generate the path. The data is loaded from a remote CSV file and parsed with d3.timeParse. The chart is rendered as SVG with gridlines from tickSize, axis labels, and styled line and text elements via CSS.

AAngel Alfredo

76% match

Loading thumbnail…

Line Chart-ICE7

This line chart shows the price of Amazon stock over time from a CSV file. The x-axis represents the year, using a time scale, and the y-axis shows price values on a linear scale. The visualization is rendered as an SVG using D3 v5, with axes drawn via `d3.axisBottom` and `d3.axisLeft`, and the data line generated with `d3.line`. Grid lines are created via tick marks, and the chart includes labeled axes and a title.

KKiran Jyothi Bodduluri-11604571

76% match