Skip to main content
SimilarExport ZIP
100%

Stock of Amazon

✓ Published0🌍 Public
Jjayavamsi
Last edited Mar 30, 2023
Created on Mar 30, 2023
Forked from HTML Starter

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

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
89% 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
87% 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
83% 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
80% match
Loading thumbnail…

Ice 7 area chart

This area chart visualizes Amazon stock prices from 2010 to 2020, with a smooth curved line and orange fill emphasizing price trends over time. The chart uses D3 v5’s `scaleTime` and `scaleLinear` for axes, `area` and `line` generators with `curveBasis` for smoothing, and `csv` to load external stock data. Rendered as an SVG within a React framework, it includes labeled axes and gridlines via `axisBottom` and `axisLeft`.

Vvegurusaiprathyusha
80% match
Loading thumbnail…

Fork of Line Chart- Data Visualization

This line chart displays Amazon stock prices over time, using year on the x-axis and price on the y-axis with gridlines. It loads CSV data and parses dates with `d3.timeParse`. The visualization uses D3 v5 scales (`scaleTime`, `scaleLinear`), axes (`axisBottom`, `axisLeft`), and a `line` generator to draw the path in an SVG. Formatting includes rotated axis labels and styled tick marks.

Yyaswanthsen
79% match
Loading thumbnail…

stock

This visualization animates the high prices of banking stocks over time, first drawing each stock’s line progressively, then transforming the chart into a horizon graph by stacking and compressing multiple area layers with distinct fill colors. It uses D3 v3’s `d3.svg.line`, `d3.svg.area`, and `d3.svg.axis` to render SVG paths, with transitions driven by `d3.timer` and `setTimeout`. Data is loaded from a CSV file via `d3.csv`, nested by symbol, and sorted by maximum price.

SSheela2930
79% 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
78% match