Projet - Line Chart

100%

Projet - Line Chart

✓ Published0🌍 Public

Last edited Dec 2, 2022

Created on Dec 2, 2022

This example shows a line chart of annual automotive sales over time, with a time-scaled x-axis and linear y-axis. Data loads from a CSV file and maps through `d3.scaleTime` and `d3.scaleLinear` to plot the series. The chart uses `d3.axisBottom` and `d3.axisLeft` for labeled axes, with gridlines and rotated tick labels. The visualization is built with D3 v5, imported via UNPKG, and demonstrates basic data fetching, scaling, and SVG rendering.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

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…

Fork of Line Chart

This line chart visualizes US automotive sales from 2005 to 2022, displaying annual sales figures over time. The chart uses D3 v5’s `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and a `line` generator to render the SVG path. Axes are drawn with `axisBottom` and `axisLeft`, while gridlines are created via tick sizing. Data is loaded as CSV from a GitHub gist, with sales values parsed as numbers and years as Date objects.

Eeravellisaimeghana

82% 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…

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

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

81% match

Loading thumbnail…

The Line Chart

This visualization shows Canadian car sales over time as a green line chart, with the x-axis representing years and the y-axis representing sales figures. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to construct the SVG chart. Data is loaded from a CSV file via `d3.csv`, with the year parsed using `d3.timeParse` and sales converted to numbers. The chart includes labeled axes, grid-like tick marks, and a rotated y-axis label, all styled via CSS.

AAsherpranayp

81% match

Loading thumbnail…

Line Chart

This line chart, titled “US Auto Sales from 2005 to 2022,” visualizes annual automotive sales trends over time. The chart plots sales values on the y-axis against yearly dates on the x-axis, using a red path to connect the data points. Built with D3 v5, the visualization uses `d3.scaleTime` and `d3.scaleLinear` for axes, with `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.line` for the path. The data is loaded from a CSV file via `d3.csv` and rendered as SVG.

RRavi Teja Bonam

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