Skip to main content
SimilarExport ZIP
100%

Ice 7

✓ Published0🌍 Public
Eeravellisaimeghana
Last edited Mar 29, 2022
Created on Mar 29, 2022
Forked from ICE 7 Area Chart

This visualization shows the sales of cars in India from 2009 to 2019 using a combined line and area chart. The black line traces the sales trend over time, while the orange area beneath it emphasizes the magnitude of sales. The chart uses D3 v5’s `scaleTime` and `scaleLinear` for the axes, with `line` and `area` generators applying a basis curve to smooth the data. Data is loaded from a CSV file, and sales values are parsed as numbers while years are formatted as dates.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

ice7

This line chart shows the sales of cars in India from 2009 to 2019, with time on the x-axis and sales figures on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` to map the temporal and numeric data. It reads CSV data from a GitHub gist, parses the year with `d3.timeParse`, and draws the trend line using `d3.line`. The chart includes labeled axes and styled grid lines, with a bold blue line highlighting the sales trend over the decade.

PPujitha14challagulla
94% match
Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes car sales in India from 2009 to 2019, using a smooth curved line to show yearly trends and an orange filled region beneath it to emphasize volume. The SVG rendering relies on D3 v5’s `area`, `line`, `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs, with data loaded via `csv` from a GitHub gist. The chart includes labeled axes, gridlines from tick marks, and a formatted y-axis using `format('.3s')` for compact number display.

Eeravellisaimeghana
92% match
Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes car sales in India from 2009 to 2019, with a smooth curve showing the trend over time. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `line` generators with `curveBasis` to create a filled orange region beneath a black line. Sales data is loaded from a CSV file, with years parsed via `d3.timeParse` and sales formatted using `format`. The SVG includes labeled axes and gridlines via `axisBottom` and `axisLeft`.

KK V VINITHA
92% match
Loading thumbnail…

Fork of ICE 7 Area Chart 11515092

This visualization shows the total sales of cars in India from 2009 to 2019, using a combined line and area chart. The black line traces the sales trend while the orange area fills the space beneath it, with a time-scaled x-axis and linear y-axis. The code uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.line, and d3.area with curveBasis to smooth the paths. Data is loaded from a remote CSV file and parsed with d3.csv and d3.timeParse, rendering as SVG with custom axis labels and tick formatting.

NNaimisha-M
92% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This visualization shows the sales of cars in India from 2009 to 2019, combining a black line path and an orange filled area to emphasize the trend in yearly sales data. The code uses d3.csv to load the data, then applies d3.scaleTime and d3.scaleLinear for the axes, along with d3.line and d3.area generators using a curveBasis interpolation. Axis labels and gridlines are rendered via d3.axisBottom and d3.axisLeft, with the SVG output styled through an external stylesheet.

Ssudhamshu24
91% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart shows the sales of cars in India from 2009 to 2019. It combines a smooth line and a shaded area under the curve, with a time-scaled x-axis for years and a linear y-axis for sales figures. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` with `curveBasis` smoothing. Data is loaded from a CSV file hosted on GitHub Gist, and the chart is rendered as an SVG with styled grid lines and axis labels.

Eeravellisaimeghana
91% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart shows the sales of cars in India from 2009 to 2019. It combines a smooth line and a shaded area under the curve, with a time-scaled x-axis for years and a linear y-axis for sales figures. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` with `curveBasis` smoothing. Data is loaded from a CSV file hosted on GitHub Gist, and the chart is rendered as an SVG with styled grid lines and axis labels.

Eeravellisaimeghana
91% match
Loading thumbnail…

Fork of ICE 7 Area Chart

This visualization shows the sales of cars in India from 2009 to 2019, combining a smooth line chart with a filled area beneath it to emphasize the upward trend over time. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `line`, and `area` generators with `curveBasis` for curved interpolation, and renders as SVG. Axes are created with `axisLeft` and `axisBottom`, with grid lines and formatted tick labels. Data is loaded from a CSV via `d3.csv` and parsed into date and numeric values for plotting.

SSaiSreya1
91% match