-Line

100%

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

A multi-line chart displays car sales by type across the years 2019–2021, with each line traced using `d3.line()` and `d3.curveMonotoneX`. The code loads raw text data via `d3.text`, parses it into arrays, and renders the chart as SVG. Scales include `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, with axes drawn via `d3.axisBottom` and `d3.axisLeft`. Year labels are appended at the end of each line, and the chart includes titled axes and a legend-free color encoding for the three yearly series.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Line chart

This line chart shows car sales data from 2013 to 2021, with years on the x-axis and total sales on the y-axis. It uses d3.csv to load external data, d3.scaleTime and d3.scaleLinear for positioning, and d3.axisBottom and d3.axisLeft for labeled axes. A d3.line generator draws the single red trend line, while d3.extent and d3.max calculate the domain ranges. The visualization renders as an SVG with custom margins and tick styling.

KKolliTeja

84% match

Loading thumbnail…

Line Chart

This line chart visualizes automobile sales data from 2001 to 2017, with the year on the x-axis and sales figures on the y-axis. The visualization uses D3 v5 with an SVG rendering approach. It employs `scaleTime` for the time-based x-axis, `scaleLinear` for the y-axis, and the `line` generator to create the path. The data is loaded from a CSV file, and axes are rendered using `axisBottom` and `axisLeft` with custom tick styling.

Mmanishcheruku

84% match

Loading thumbnail…

Line chart For Car Sales

This line chart displays car sales from 2013 to 2021, with time on the x-axis and sales count on the y-axis. The visualization uses D3 v5 with SVG rendering, loading data from a CSV file and parsing dates with `d3.timeParse`. It implements `scaleTime` and `scaleLinear` for axes, and a `line` generator to draw the red trend line. The code adds labeled axes and removes default tick domains, with gridlines shown via `tickSize` on both axes.

GGARIDIDEEKSHITHREDDY

84% match

Loading thumbnail…

ICE_7_Line Chart

The chart displays car sales by type across three years (2019–2021), using three colored lines to compare yearly trends. It shows the sales values per car type on a band scale, with each line labeled at its endpoint. The visualization is built with D3 v7, using `d3.text` to load comma-separated data from a remote text file, then rendering SVG paths via `d3.line` with a monotone curve. Axes, labels, and a title are added using D3’s `axisBottom` and `axisLeft` methods, while the data source is a GitHub gist.

RRahulbelede97@gmail.com

83% match

Loading thumbnail…

Fork of Line chart

This line chart visualizes car sales totals from 2013 to 2021, using a red path to connect data points over time. The x-axis displays years and the y-axis shows total sales, with labeled axes and tick marks. The code uses D3 v5 APIs such as `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.line` to generate the SVG output. Data is loaded from a remote CSV file, with date strings parsed into time values before rendering.

VVenkata Rajashekar Reddy Chinthala

83% match

Loading thumbnail…

Car Sales

This line chart shows car sales by year from 2013 to 2021, with the years on the x-axis and total sales on the y-axis. The SVG rendering uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator with data loaded via `csv` from a GitHub gist. The chart includes gridlines from tick marks, rotated axis labels, and a red path for the trend line.

JJyothicherukuri

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

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

82% match