Fork of Line Chart

100%

Fork of Line Chart

✓ Published1🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This fork of a line chart displays annual US auto sales from 2005 to 2022 as a single red stroke over a time-series x-axis and linear y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to map year and sales data to SVG path coordinates, with grid lines from tick marks. Data is loaded via `d3.csv` from two Gist URLs, featuring yearly sales by brand and total US automotive sales. The chart includes styled axis labels, a title, and a legend-free line path rendered with SVG elements.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Line Chart

A line chart displays annual US auto sales from 2005 to 2022, with a red path over time and labeled axes for Year and Sales. Built with D3 v5, it uses `d3.scaleTime` and `d3.scaleLinear` for scales, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.line` for the path. Data is loaded via `d3.csv` from a GitHub gist, parsed into dates and numbers, and rendered as SVG inside a 960×500 viewport with margins, gridlines, and a title.

Ssaivinay143

95% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes US auto sales from 2005 to 2022, plotting annual sales figures against time. The chart uses D3 v5’s `scaleTime` and `scaleLinear` to map the date and sales data, with `axisBottom` and `axisLeft` generating the labeled axes. A red path, created with the `line` generator, traces the sales trend. The code loads CSV data from a GitHub gist and renders the visualization as an SVG, with styling controlled by external CSS.

BBala Sai Krishna

95% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes US auto sales from 2005 to 2022 using D3 v5, rendering as an SVG. The chart plots annual sales figures, sourced from a CSV file loaded via D3’s `d3.csv`, showing a red line path generated by `d3.line()`. It employs `d3.scaleTime()` for the year axis and `d3.scaleLinear()` for sales, with axes and labels created via `d3.axisBottom()` and `d3.axisLeft()`. The visualization includes a title and styled grid lines, all configured within a fixed 960x500 SVG canvas.

Sspandhanabadekol

95% match

Loading thumbnail…

Fork of Line Chart

This fork of a D3 line chart visualizes annual US auto sales from 2005 to 2022. The SVG chart plots sales values against time, with a red line connecting yearly data points and labeled axes for Year and Sales. Using d3.csv, the code loads data from a GitHub gist, then applies d3.scaleTime and d3.scaleLinear for scales, d3.axisBottom and d3.axisLeft for axes, and d3.line to generate the path. The chart includes grid lines, axis labels, and a title.

Mmanishcheruku

95% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes US Auto Sales from 2005 to 2022, plotting annual sales figures over time. The SVG chart uses d3.scaleTime for the x-axis and d3.scaleLinear for the y-axis, with d3.axisBottom and d3.axisLeft for tick marks. A d3.line generator creates the path connecting data points, styled with a red stroke. Data is loaded asynchronously from a CSV file via d3.csv, with sales values converted to numbers and years parsed as dates.

Ssaivinay143

95% match

Loading thumbnail…

Fork of Line Chart

This chart displays US auto sales from 2005 to 2022 as a single red line, with time on the x-axis and annual sales volume on the y-axis. Using D3 v5, the code loads CSV data from a Gist, applies scaleTime and scaleLinear mappings, and renders an SVG path via the d3.line generator. Axes are drawn with d3.axisBottom and d3.axisLeft, while gridlines and labels are styled through CSS. The title and axis labels are added as SVG text elements.

Ggayathri

94% match

Loading thumbnail…

Fork of Fork of Line Chart

This line chart visualizes annual U.S. automotive sales from 2005 to 2022, with year on the x-axis and sales volume on the y-axis. The chart is rendered as an SVG using D3 v5, with the `d3.line` generator creating the red path and `d3.scaleTime` and `d3.scaleLinear` mapping the data coordinates. Grid lines and axis labels are added via `d3.axisBottom` and `d3.axisLeft`. The data is loaded from external CSV files using `d3.csv`, with the main dataset fetched from a GitHub gist.

AArv1228

94% match

Loading thumbnail…

Fork of Line Chart

This visualization displays annual US automotive sales from 2005 to 2022 as a single red line chart. The chart uses d3.csv to load the data and d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render the SVG path. Axes include labels for Year and Sales, with grid lines created via tickSize, and the title appears above the plot. The dataset is sourced from a GitHub gist containing yearly sales figures.

SSampras Dsouza

94% match