Fork of ICE 7 Area Chart 11515092

100%

Fork of ICE 7 Area Chart 11515092

✓ Published1🌍 Public

Last edited Jul 1, 2022

Created on Jun 30, 2022

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.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

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

97% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart displays car sales in India from 2009 to 2019, combining a smoothed black line with an orange filled area to emphasize the sales trend over time. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `line` and `area` generators with `curveBasis` smoothing, rendering as SVG. Data comes from a remote CSV file, loaded via `d3.csv`, with axes drawn using `axisBottom` and `axisLeft`. The chart includes clear axis labels and formatted tick values for readability.

RRahulSai05

96% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart displays the sales of cars in India from 2009 to 2019. The visualization combines a black line with a smoothed curve for the trend and an orange area fill below it, using a time-scaled x-axis and a linear y-axis. The chart is built with D3 v5, using `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, and the `line` and `area` generators with `curveBasis`. The data is loaded from a CSV file, with the year parsed via `d3.timeParse`.

HHarshinireddyy19

96% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart shows car sales in India from 2009 to 2019, with a black smoothed line tracing the trend and an orange filled region beneath it. The visualization uses D3 v5’s `scaleTime` and `scaleLinear` to map years and sales values, while `line` and `area` generators with `curveBasis` create the curved shapes. Axis ticks are rendered as gridlines, and the CSV data is loaded from a GitHub gist, with dates parsed via `d3.timeParse`.

Bbindhureddy98

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

96% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This visualization charts the sales of cars in India from 2009 to 2019, combining a smooth black line and an orange area beneath it to show the trend over time. It uses d3.csv to load the data, d3.line and d3.area with curveBasis to generate the paths, and d3.scaleTime and d3.scaleLinear for the axes. SVG rendering with tick marks and axis labels clarifies the year and sales scales.

AArv1228

96% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This area chart shows the sales of cars in India from 2009 to 2019, with a red line tracing the trend and a filled red area beneath it. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.line and d3.area with d3.curveBasis for smooth curves, and d3.axisBottom/axisLeft for labeled gridlines. Data is loaded from a CSV via d3.csv, with sales parsed as numbers and year strings converted using d3.timeParse. The SVG output includes styled tick marks and axis labels.

DDivyaVellanki

96% match

Loading thumbnail…

Fork of ICE 7 Area Chart

This area chart visualizes the sales of cars in India from 2009 to 2019, using a smoothed line and orange filled area to show the trend over time. The visualization is rendered as an SVG using D3 v5, with the `scaleTime` and `scaleLinear` functions handling the axes, while `area()` and `line()` with `curveBasis` generate the smoothed shapes. Data is loaded from a CSV file hosted on GitHub, parsed with `d3.csv` and `d3.timeParse` to convert date strings. The chart includes labeled axes and grid lines with formatted tick marks.

Ssaiteja0725

96% match