RC 007 Bar Chart of stock data with shading

100%

RC 007 Bar Chart of stock data with shading

✓ Published0🌍 Public

Rrichardcorreia@my.unt.edu

Last edited Oct 26, 2025

Created on Oct 26, 2025

Forked from RC 007 Bar Chart of stock data

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

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

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

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

74% match