Line Chart

100%

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 30, 2023

This line chart tracks the annual sales of houses in the United States from 2009 to 2022, with years on the x-axis and the number of homes sold on the y-axis. The visualization uses D3 version 5, rendering as an SVG. It employs `d3.scaleTime` and `d3.scaleLinear` for the axes, while `d3.line` with a basis curve generates the smoothed trend line. The data is loaded from a CSV file hosted in a GitHub gist, featuring red strokes, bold labels, and a centered title.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Area chart

This area chart visualizes the number of houses sold in the United States per year. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map data points, with d3.area and curveBasis creating the filled path. Axis labels and titles are styled via CSS. The source data is a CSV of yearly sales figures loaded through d3.csv.

CCH SAMPATH

85% match

Loading thumbnail…

Line Chart

This line chart displays US auto sales from 2005 to 2022, with the year on the x-axis and sales on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map data, while d3.axisBottom and d3.axisLeft generate labeled axes with gridlines. A d3.line generator creates the red trend line, rendered as an SVG path. Data is loaded from a CSV file using d3.csv, with dates parsed via the Date constructor and sales values converted to numbers.

SsreepavanKothapalli

84% match

Loading thumbnail…

Line Chart

This line chart visualizes annual US automotive sales from 2005 to 2022, using a red path to show the sales trend over time. The visualization loads CSV data from a GitHub gist and renders it as an SVG using d3.scaleTime and d3.scaleLinear for the axes, with d3.axisBottom and d3.axisLeft providing tick marks. The chart includes labeled axes, gridlines, and a title, with data parsed to convert Year into Date objects and Sales into numbers.

SSRI RAM REDDY KOTERU

83% match

Loading thumbnail…

Line Chart

This line chart displays US auto sales from 2005 to 2022, plotting annual sales figures against time. The visualization is built using D3 v5, employing `scaleTime` and `scaleLinear` for the axes, with `axisBottom` and `axisLeft` generating the labeled ticks. A red path, created by the `line` generator, connects the data points, which are loaded via `csv` from a GitHub gist. The SVG rendering includes axis labels and a title, all styled through external CSS.

NNithish Kumar

83% match

Loading thumbnail…

Fork of Line Chart

This line chart tracks annual car sales in the United States from 2010 to 2019. Using D3 v5, the visualization employs `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis, with a `d3.line` generator drawing the sales trend. The code loads CSV data from a GitHub gist, parses the year, and renders grid lines with styled tick marks. The SVG output includes labeled axes and a powder-blue line, demonstrating a clean, data-driven time-series comparison.

Aakhil kata

82% match

Loading thumbnail…

Line Chart

This line chart shows US auto sales from 2005 to 2022, with the x-axis displaying years and the y-axis displaying sales figures. The data is loaded from a CSV file using d3.csv, then rendered as an SVG path generated by d3.line(). Axes are created with d3.axisBottom and d3.axisLeft, using d3.scaleTime and d3.scaleLinear for positioning. The chart includes axis labels and a title, with a green stroke styling the line path.

Hharika-1929

82% match

Loading thumbnail…

Fork of Line Chart

This line chart displays annual US auto sales from 2005 to 2022, with the x-axis mapping years and the y-axis mapping sales figures. The visualization uses d3.scaleTime and d3.scaleLinear for axes, with d3.axisBottom and d3.axisLeft rendering ticks and labels. A red d3.line generator draws the sales trend path in SVG. Data loads from a CSV file via d3.csv, with year values parsed as dates. Axis labels and a title appear as SVG text elements, styled through the page’s stylesheet.

NNikhilchiguru-8

81% match

Loading thumbnail…

LineChart

This line chart displays US auto sales from 2005 to 2022, with years on the x-axis and sales figures on the y-axis. The chart is rendered as an SVG using D3 v5, with data loaded from a CSV file via `d3.csv`. The code uses `scaleTime` and `scaleLinear` to map data to pixel coordinates, `axisBottom` and `axisLeft` for grid lines and ticks, and a `line` generator to draw the path. Axis labels and a title are added as text elements, with red stroke styling on the line path.

AAkrutiKhurana2103

81% match