line chart

100%

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Feb 22, 2024

This chart displays Amazon’s annual net income from 1994 to 2020 as a red line across a time-series. The x-axis encodes years, while the y-axis shows income in millions. D3 v5’s `d3.csv`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` generate the SVG path, with `d3.axisBottom` and `d3.axisLeft` producing labeled axes and gridlines. The data is loaded from a GitHub gist and parsed using `d3.timeParse`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 7 Line Chart

This chart visualizes Amazon’s annual net income in millions from 1994 to 2021, using a single red line to emphasize growth over time. Rendering to an SVG, it computes a time-scaled x-axis and linear y-axis using `d3.scaleTime` and `d3.scaleLinear`, with gridlines and labeled axes generated via `d3.axisBottom` and `d3.axisLeft`. The line path is drawn with `d3.line`, fed by CSV data parsed with `d3.csv`; dates are formatted using `d3.timeParse` and numeric values are coerced to numbers. The chart’s styling is applied through an external CSS file, while D3 v5 is loaded from a CDN.

Nnagasai-gummadi

87% match

Loading thumbnail…

ICE 7 Line Chart 11540905 Task 3

This line chart displays Amazon’s annual net income from 1994 to 2020, with years on the x-axis and income in millions on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator to draw the path. Data is loaded via `d3.csv` from a GitHub gist, with gridlines styled via tick marks and a red stroke for the income trend line.

DDivyasri0310

85% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This chart visualizes Amazon’s annual net income from 1994 to 2020 using a line graph. The SVG renders a time-based x-axis and a linear y-axis, with grid lines styled via CSS. The code imports specific D3 v5 modules (select, csv, scaleLinear, scaleTime, line, axisLeft, axisBottom) to load CSV data, parse year strings, and generate the path. Axis labels and tick formatting are added manually, while the line itself uses a stroke for emphasis. Data comes from a GitHub-hosted CSV file.

VVamsi Krishna

83% match

Loading thumbnail…

area chart

This area chart displays Amazon’s annual revenue in billions of U.S. dollars, with years on the x-axis and revenue on the y-axis. The data is loaded from a GitHub-hosted CSV file. Built with D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `area` with `curveBasis` to render the filled path. Point labels are formatted with `format('.1s')`, and the chart includes a title and axis labels.

Vvagdevi-369

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

81% match

Loading thumbnail…

Line Chart

This line chart visualizes annual sales data, displaying the trend of sales values over time on a red path. The SVG chart uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the axes and line generator. It parses dates with `d3.timeParse` and loads data from an external CSV file. Grid lines are styled through tick marks, with blue tick labels and a rotated Y-axis label for clarity.

KKiran3295

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

80% match