Fork of ICE 7 Line Chart

100%

Fork of ICE 7 Line Chart

✓ Published0🌍 Public

Last edited Mar 25, 2023

Created on Mar 25, 2023

This fork of the ICE 7 line chart presents the sales of cars in India from 2009 to 2019. The visualization shows a single line tracking the total car sales per year, with time on the x-axis and a numeric count on the y-axis, both rendered as SVG. The chart uses D3 version 5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to map and draw the data. The data is loaded from a CSV file using D3’s `csv` function, with dates parsed via `timeParse`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart visualizes car sales in India from 2009 to 2019, with the x-axis representing time and the y-axis showing sales volume. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render the SVG path, with grid lines styled via `.tick line`. Data is loaded as CSV from a GitHub gist and parsed using `d3.timeParse`. The chart includes labeled axes and a styled red line, with formatting applied to tick values.

DDivyaVellanki

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

95% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart shows the sales of cars in India from 2009 to 2019. The visualization uses a red line to plot the data over time, with the x-axis representing years and the y-axis representing sales figures. The code loads CSV data from a GitHub gist and uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the chart. The SVG rendering includes styled axes with red tick labels and grid lines, and the line path is drawn with a 4-pixel stroke.

Bbhargavarathod

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

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

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

95% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart visualizes car sales in India from 2009 to 2019 using a single time-series line. The D3.js v5 code loads a CSV from a GitHub gist, parses dates and numeric sales values, and renders the chart as an SVG. It uses `scaleTime` and `scaleLinear` for axes, `line` for the path generator, and applies custom styling to grid lines, tick labels, and the line itself, which is drawn with a red stroke.

BBajiSharifPatan@my.unt.edu

95% match

Loading thumbnail…

Fork of Fork of ICE 7 Line Chart

This chart visualizes car sales in India from 2009 to 2019, using a line plot to show the trend over time. The SVG is rendered with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for ticks, and the `line` generator to create the path. Sales values are formatted with `d3.format`, and data is loaded from a CSV via `d3.csv`. Grid lines and a styled red line are added for clarity.

Bbindhureddy98

95% match