Skip to main content
SimilarExport ZIP
100%

Fork by

✓ Published0🌍 Public
PPran6728
Last edited Mar 12, 2023
Created on Mar 12, 2023
Forked from Line Chart

This example presents a line chart of auto sales from 2004 to 2012, using D3 v5 to render SVG. It shows sales values over time, with a time-scaled x-axis for the year and a linear y-axis for sales. The code explicitly creates axis labels, tick lines, and a title within the SVG. Data is loaded asynchronously from a provided CSV file via `d3.csv`, then parsed and drawn using a `d3.line` generator applied to scale functions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork line chart

This fork line chart displays annual US auto sales from 2005 to 2022 using an SVG line path rendered with d3.line. The x-axis uses d3.scaleTime for yearly dates, while the y-axis employs d3.scaleLinear to map sales values. Axes are generated with d3.axisBottom and d3.axisLeft, with gridlines and labels styled via CSS. The data is loaded from a CSV file using d3.csv. The chart highlights the sales trend in red, with margins and axis-label positioning handled through D3’s selection and transform methods.

SSnigdha6698
90% match
Loading thumbnail…

Fork by 11604584

This chart shows car sales from 2008 to 2018 as a smooth area chart, with the line tracing sales over time and a pink fill beneath it. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` for axes, `line` and `area` generators with `curveBasis` for smoothing, and `axisBottom`/`axisLeft` for tick marks. Data is loaded from a CSV URL, with years parsed via `d3.timeParse` and sales as numbers. The SVG is 930 by 450 pixels, with gridlines, axis labels, and a bold title.

PPran6728
90% match
Loading thumbnail…

Fork of Fork of Line Chart

This example shows US auto sales from 2005 to 2022 as a line chart, with the year on the x-axis and sales on the y-axis. It loads CSV data from a GitHub gist, then uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render the SVG path. The chart includes labeled axes, gridlines via tickSize, and a red line path, with styling applied through external CSS.

LLakshmiManjushaReddyYarreddu
89% 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
89% 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
88% match
Loading thumbnail…

Fork of Fork of line chart section 3

This visualization displays car sales data from 2013 to 2021 as a line chart, showing the trend of total sales over time. The chart uses a time-scaled x-axis for years and a linear y-axis for sales totals, with axes enhanced by gridlines and labels. It loads data from an external CSV file, parsing dates with `d3.timeParse` and computing the line path using the `d3.line` generator. The SVG rendering employs D3 v5 selection, scales, axes, and margin conventions to produce the final graphic.

SSnapika
88% 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
88% match
Loading thumbnail…

Fork of Fork of Line Chart

This line chart visualizes car sales figures from 2009 to 2019, plotting yearly totals on a blue line against a time-based x-axis and a linear y-axis. The chart uses a CSV data source loaded via D3’s `csv` function, with axes and labels rendered using `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`. The line path is generated with `line`, and the SVG output includes styled tick marks, red axis labels, and a title.

Ppravallikayaram12
88% match