Area Chart

100%

✓ Published16🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

This area chart displays electronic sales from 2013 to 2021, with a green filled region under a black smoothed line. The visualization uses D3 v5 with SVG rendering, employing `scaleTime` for the year axis and `scaleLinear` for sales values. Data is loaded from a CSV file via `d3.csv`, and both `d3.line` and `d3.area` generators with `curveBasis` create the chart. Axes are customized with `axisBottom` and `axisLeft`, including gridlines and labels.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Area Chart

This example shows electronic sales from 2013 to 2021 with a combined line and area chart. The visualization overlays a smooth black line representing yearly sales trends with a green filled area beneath it, using d3.line(), d3.area(), and curveBasis for interpolation. The SVG chart uses d3.scaleTime and d3.scaleLinear for axes, with d3.axisLeft and d3.axisBottom adding gridlines and labels. Data is loaded as CSV from a GitHub gist, parsed with d3.timeParse, and rendered using D3 v5.

Rrohinikotha

92% match

Loading thumbnail…

Fork of Area Chart

This chart displays electronic sales from 2013 to 2021, combining a smooth line and a filled area to emphasize the sales trend over time. The visualization uses a time-scaled x-axis for sales dates and a linear y-axis for year values. Built with D3 v5, it employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, and `area` generators with a basis curve. The SVG rendering includes styled grid ticks and axis labels, with data loaded from a remote CSV file.

RRahulSai05

91% match

Loading thumbnail…

Area Chart

This area chart displays car sales totals from 2013 to 2023, with a green filled region beneath a thick black curved line. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` with `d3.curveBasis` to generate the smoothed area. Data is loaded from a CSV file via `d3.csv`, while `d3.axisLeft` and `d3.axisBottom` render labeled axes with tick marks.

VVAbhiram99

90% match

Loading thumbnail…

Fork of Area Chart

This visualization shows electronic sales from 2013 to 2021 using both a filled area chart and an overlaid line chart to emphasize the trend. It uses d3.csv to load data from a GitHub Gist, then renders SVG paths via d3.line and d3.area with the curveBasis interpolation. Axes are built with d3.axisBottom and d3.axisLeft, while scales employ d3.scaleTime and d3.scaleLinear, with the area fill colored green and the line stroke in black.

Rrohinikotha

90% match

Loading thumbnail…

Area Chart

This area chart displays the cost of sales from 2000 to 2013, with a smooth curve and a light green filled region beneath the line. The visualization uses D3 v5, loaded via UNPKG, to construct axis scales with `scaleTime` and `scaleLinear`, and draws the chart with `line`, `area`, and `curveBasis` generators. Data is loaded as CSV from a GitHub gist and rendered as an SVG, with formatted tick labels and styled axes.

Mmn0658

89% match

Loading thumbnail…

Fork of Area Chart

This fork of an area chart visualizes electronic sales from 2013 to 2021. The SVG graphic uses a green filled area under a black line to show sales trends over time. The code leverages D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, and `line` and `area` generators with `curveBasis` for smooth curves. Data is loaded from a remote CSV file using `csv` and parsed with `timeParse`.

Kkalyanikotha

89% match

Loading thumbnail…

Fork of Area Chart

This is a fork of an area chart that visualizes electronic sales from 2013 to 2021. The chart combines a black line and a green filled area beneath it, with both rendered as SVG paths using D3 v5’s `line` and `area` generators with `curveBasis`. The x-axis maps years parsed via `d3.timeParse`, while the y-axis shows sales values formatted with `.3s`. Axes are created with `axisBottom` and `axisLeft`, and scales use `scaleTime` and `scaleLinear`. Data is loaded asynchronously from a CSV file using `d3.csv`.

Rrohinikotha

89% match

Loading thumbnail…

Fork of Area Chart

This fork of an area chart visualizes electronic sales from 2013 to 2021 using D3 v5 with SVG rendering. The view combines a smooth green area path with a black line overlay, both generated via d3.area and d3.line with curveBasis, while scaleTime and scaleLinear map the Year and Sales data. Axes are drawn with axisBottom and axisLeft, and the CSV data is loaded asynchronously from a GitHub gist.

RRahulSai05

88% match