Sriram ICE 7 Line chart

100%

Sriram ICE 7 Line chart

✓ Published0🌍 Public

Last edited Mar 10, 2023

Created on Mar 10, 2023

Forked from Line Chart- Data Visualization

This line chart visualizes Amazon’s annual stock price from a CSV dataset, plotting each year’s price as a single blue polyline against time-scaled X and linear Y axes. The view uses D3 v5 with SVG rendering, leveraging `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and a `d3.line` generator. Data is parsed via `d3.csv` and `d3.timeParse`, with axis labels and grid ticks styled through the included stylesheet.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7_Linechart

This example visualizes Amazon’s stock price history from 2009 to 2022 using a line chart. The SVG chart plots yearly prices on a time-based x-axis and a linear y-axis, with gridlines and labeled axes. The code uses D3 v5 modules including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`, loading CSV data via `d3.csv` and parsing dates with `d3.timeParse`. The line path is styled with a dark green stroke, and the axes use custom tick formatting and colors.

SSai Bhavana Akkineni

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

82% match

Loading thumbnail…

ICE 7 line chart

This line chart visualizes Amazon stock prices from 2010 to 2020, with the year on the x-axis and stock value on the y-axis. Built with D3 v5 and React, it uses `scaleTime` and `scaleLinear` to map the data, `line` to generate the path, and `axisLeft`/`axisBottom` for labeled axes. The SVG rendering includes grid lines and a styled orange line, with data loaded from a CSV file parsed via D3’s `csv` function.

Vvegurusaiprathyusha

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

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…

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

77% match

Loading thumbnail…

ICE-7 Line Chart

This line chart displays annual sales for an e-commerce site from 2009 to 2019, with a blue line tracing the trend over time. Using D3 v5, it loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and constructs the visualization with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`. The SVG includes gridlines from tick marks, axis labels, and a styled path, with sales values formatted using `format('.3s')`. The chart is rendered entirely in SVG with axes positioned inside a margin-defined area.

PPrasanth Damarla

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

76% match