Fork of ICE-7 Hasini Line Chart

100%

Fork of ICE-7 Hasini Line Chart

✓ Published0🌍 Public

Last edited Oct 26, 2025

Created on Oct 26, 2025

This line chart displays average car prices for ten brands, sourced from an inline dataset in the code. Built with D3 v7, it uses `d3.scalePoint` for the categorical brand axis and `d3.scaleLinear` for the price axis. A line path is drawn with `d3.line`, and individual data points are rendered as tomato-colored circles. The SVG includes rotated x-axis labels and axis titles, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE-7

This visualization displays car sales data over time as a line chart, with years on the x-axis and sales figures on the y-axis. It uses D3 v5 to load CSV data, parse dates with d3.timeParse, and render scales and axes via scaleTime, scaleLinear, axisBottom, and axisLeft. The line is drawn using the d3.line generator, with the SVG path styled in orange. The chart includes labeled axes and uses margins to position the plot within the SVG canvas.

CCherukuriMilind

81% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This fork of the ICE 7 line chart presents the sales of cars in India from 2009 to 2019. The visualization shows a single line tracking the total car sales per year, with time on the x-axis and a numeric count on the y-axis, both rendered as SVG. The chart uses D3 version 5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to map and draw the data. The data is loaded from a CSV file using D3’s `csv` function, with dates parsed via `timeParse`.

NNeeharikaGali

80% match

Loading thumbnail…

Fork of ICE 7 Line Chart

A line chart displays sales of cars in India from 2009 to 2019, with the x-axis representing the year and the y-axis showing units sold. The visualization uses D3 v5 with an SVG rendering. It loads CSV data from a GitHub gist, parsing the date and numeric units. The chart employs D3’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs. Styling is applied through a linked CSS file, with red grid lines, axis labels, and a thick red line path representing the trend.

SSheshidharreddy

80% match

Loading thumbnail…

Fork of Fork of ICE 7 Line Chart

This chart visualizes car sales in India from 2009 to 2019, using a line plot to show the trend over time. The SVG is rendered with D3 v5, using `scaleTime` and `scaleLinear` for the axes, `axisBottom` and `axisLeft` for ticks, and the `line` generator to create the path. Sales values are formatted with `d3.format`, and data is loaded from a CSV via `d3.csv`. Grid lines and a styled red line are added for clarity.

Bbindhureddy98

80% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This line chart visualizes car sales in India from 2009 to 2019 using a single time-series line. The D3.js v5 code loads a CSV from a GitHub gist, parses dates and numeric sales values, and renders the chart as an SVG. It uses `scaleTime` and `scaleLinear` for axes, `line` for the path generator, and applies custom styling to grid lines, tick labels, and the line itself, which is drawn with a red stroke.

BBajiSharifPatan@my.unt.edu

80% match

Loading thumbnail…

Fork of ICE 7 Line Chart

This fork of the ICE 7 Line Chart shows car sales in India from 2009 to 2019, plotting yearly sales against a time-scaled x-axis and a linear y-axis. The visualization uses d3.csv to load data, scaleTime and scaleLinear for axes, and d3.line to generate the single red path. Axis labels and ticks are rendered with axisBottom and axisLeft, while SVG groups position the chart within a fixed-width container. Styling emphasizes red text and grid lines against a dark blue background.

Sshabbab01

80% match

Loading thumbnail…

Fork of Fork of Fork of ICE 7 Line Chart

A line chart shows annual sales of cars in India from 2009 to 2019, with a single line tracking sales volume over time. The visualization uses d3.scaleTime and d3.scaleLinear to map year and sales values, while d3.axisBottom and d3.axisLeft generate gridlines and tick labels. The line is drawn with d3.line and rendered as an SVG path, with data loaded from a CSV via d3.csv. Axis labels and tick styling are applied through external CSS classes.

PPujitha14challagulla

80% match

Loading thumbnail…

Fork of Fork of Fork of ICE 7 Line Chart

This line chart shows car sales in India from 2009 to 2017, with the x-axis encoding the year and the y-axis encoding sales volume. The chart is rendered using D3 v5 with an SVG output, where scales are built with `scaleTime` and `scaleLinear`, axes are generated via `axisLeft` and `axisBottom`, and a smooth path is drawn using the `line` generator. Data is loaded asynchronously from a CSV file using `csv`, and the year values are parsed with `timeParse` before plotting. The grid lines and styled axis labels come from custom CSS, while the line path uses a distinct stroke color and width.

Aajaysonu

80% match