ice7

100%

✓ Published3🌍 Public

Last edited Jul 1, 2022

Created on Jul 1, 2022

Forked from Fork of Fork of ICE 7 Line Chart

This line chart shows the sales of cars in India from 2009 to 2019, with time on the x-axis and sales figures on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` to map the temporal and numeric data. It reads CSV data from a GitHub gist, parses the year with `d3.timeParse`, and draws the trend line using `d3.line`. The chart includes labeled axes and styled grid lines, with a bold blue line highlighting the sales trend over the decade.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Ice 7

This visualization shows the sales of cars in India from 2009 to 2019 using a combined line and area chart. The black line traces the sales trend over time, while the orange area beneath it emphasizes the magnitude of sales. The chart uses D3 v5’s `scaleTime` and `scaleLinear` for the axes, with `line` and `area` generators applying a basis curve to smooth the data. Data is loaded from a CSV file, and sales values are parsed as numbers while years are formatted as dates.

Eeravellisaimeghana

94% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart shows the sales of cars in India from 2009 to 2019, with the x-axis representing time (parsed from date strings using `d3.timeParse`) and the y-axis representing sales volume. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, rendered as SVG with `d3.axisBottom` and `d3.axisLeft`, and the line is generated via `d3.line`. Data is loaded from a CSV file using `d3.csv`. Grid lines are styled via CSS classes.

PPujitha14challagulla

92% match

Loading thumbnail…

ice-7

This example shows a line chart of automobile sales in India from 1999 to 2012, with years on the x-axis and electronic sales figures on the y-axis. The chart uses D3 v7’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to render the path and axes, with data loaded via `csv` from a GitHub gist. A title and axis labels are added as SVG text, and gridlines appear as ticks extending across the plot area.

Aachalasam

92% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart shows car sales in India from 2009 to 2019, with time on the x-axis and the number of sales on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for the axes, and a `line` generator to create the sales trend. The data is loaded from a CSV file hosted on GitHub, and the chart includes styled grid lines, axis labels, and a red line path. The axes use `axisBottom` and `axisLeft`, with custom tick formatting for readability.

Ssaiteja0725

92% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart visualizes the sales of cars in India from 2009 to 2019, with the x-axis representing time and the y-axis showing sales volume. The chart uses D3.js v5 with `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and grid lines, while a `line` generator draws the trend line. Data is loaded from a CSV file, parsed with `d3.timeParse`, and rendered as an SVG. The dark background and red styling highlight the sales trend over the decade.

JJyothicherukuri

92% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This visualization shows annual sales of cars in India from 2009 to 2019, with a single red line tracing the trend over time. Built with D3 v5, it uses `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.axisBottom` and `d3.axisLeft` for grid lines, and a `d3.line` generator to create the path. Data is loaded from a CSV file, with the year parsed via a time format. The SVG rendering includes styled tick labels and an axis label, all with a dark background.

JJyothicherukuri

92% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart displays car sales in India from 2009 to 2019, using a time-scaled x-axis for years and a linear y-axis for sales volume. The visualization relies on D3 v5’s `scaleTime`, `scaleLinear`, `line`, and `axisBottom`/`axisLeft` APIs to generate SVG paths and gridlines. Data is loaded as CSV from a GitHub gist, with year values parsed via `d3.timeParse`. Styling uses CSS for axis labels, tick colors, and a prominent red line stroke, with margins positioning the chart within a 960x500 SVG canvas.

Ssaiteja0725

91% match

Loading thumbnail…

ICE 7 - Line Chart

This line chart visualizes automobile sales in India from 1999 to 2012, using d3.csv to load data from a GitHub gist and d3.scaleTime and d3.scaleLinear to map years and sales values. The SVG rendering uses d3.axisBottom and d3.axisLeft for labeled axes, while d3.line generates the path that represents the sales trend over time. The chart includes a title and axis labels styled via CSS.

Aavinashchinta99

91% match