ICE-7.3 Line_World_stock_marcket

100%

ICE-7.3 Line_World_stock_marcket

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 29, 2023

This line chart visualizes world stock market trends over time, plotting yearly values as a smooth, orange curve against a grid of axes. The data is loaded from a CSV file and rendered as an SVG element. Built with D3 v5, the example uses `scaleLinear` for both axes, `line` with `curveBasis` for the path, and `axisBottom`/`axisLeft` for tick marks, with labels for year and stock market value.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7.4 Area_World_stock_marcket

This area chart displays the world stock market index over time, with years on the x-axis and market values on the y-axis. The orange-filled curve uses d3.area with curveBasis, while axes and labels are generated with d3.axisLeft and d3.axisBottom. The data comes from a CSV file, rendered as SVG using D3 v5’s scaleTime, scaleLinear, and select APIs.

KKetha

88% match

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

81% match

Loading thumbnail…

ICE-7 Line chart

This line chart displays yearly run totals from a CSV file, using a blue line to show the trend over time. The D3 v5 code leverages `scaleTime` and `scaleLinear` to map data to axes, `axisBottom` and `axisLeft` for tick marks, and a `line` generator to create the path. The SVG is rendered with a grid and labeled axes, with data loaded via D3's `csv` function.

LLG0498

81% match

Loading thumbnail…

ICE - 7 Line Chart

A line chart displays annual sales over time, with a single thick maroon line tracing the trend. The visualization uses D3 v5 to load CSV data via `d3.csv`, parse dates with `d3.timeParse`, and construct scales with `scaleTime` and `scaleLinear`. Axes are generated using `axisBottom` and `axisLeft`, while the line path is created with the `d3.line` generator. The SVG rendering includes labeled axes and gridlines, with data sourced from a GitHub gist.

Nnehabaddam

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

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

79% match

Loading thumbnail…

ICE 7: Line Chart

This line chart tracks Upstart’s daily stock price over time, with each line representing a different district and a color legend identifying them. The visualization uses D3 v5 to load CSV data, parse dates with dayjs, and render SVG paths via d3.line with a basis curve. Axes are built with d3.axisLeft and d3.axisBottom, while d3.nest groups data by district and d3.scaleOrdinal assigns categorical colors from schemeCategory10.

Ttrucntx007

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

78% match