Skip to main content
SimilarExport ZIP
100%

ICE7_Linechart

✓ Published0🌍 Public
SSai Bhavana Akkineni
Last edited Jul 3, 2022
Created on Jul 1, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

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
92% 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
91% 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
87% 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
86% match
Loading thumbnail…

ICE 7 Line Chart

This chart shows sample sales data from 2010 to 2022 as a single line, with a time-scaled x-axis for years and a linear y-axis for sales values. The visualization uses D3 v5 to load CSV data, then draws an SVG line path using `d3.line`, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The code imports modules like `scaleTime`, `scaleLinear`, `extent`, and `max` from D3 via a Rollup bundle that outputs to `bundle.js`. The styling applies custom CSS for gridlines, axis labels, and the stroke color of the line path.

Ddheeraj1509
85% 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
85% 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
85% match