area chart

100%

✓ Published0🌍 Public

Last edited Mar 11, 2023

Created on Mar 11, 2023

This area chart shows the number of visa slots in India from 2009 to 2019, with a black line tracing yearly values and an orange area filling beneath it. The visualization uses D3 v5 to load CSV data, parse dates with `d3.timeParse`, and render SVG elements. Scales are defined via `scaleTime` and `scaleLinear`, while axes are generated with `axisBottom` and `axisLeft`. Both line and area paths are drawn using `line` and `area` generators with `curveBasis` smoothing, and the data comes from a GitHub gist URL.

AI-generated description

combined line and area charts

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart

This area chart visualizes car sales in India from 2009 to 2019. Using D3 v5, it renders an SVG with a smoothed line and a pink filled area beneath it, showing the sales trend over time. The code loads CSV data, parses dates, and uses `d3.scaleTime` and `d3.scaleLinear` for the axes. It employs `d3.line`, `d3.area`, and `d3.curveBasis` to generate the paths, with styled tick marks and axis labels from `d3.axisBottom` and `d3.axisLeft`.

Ppavankalyan1507

79% match

Loading thumbnail…

area chart

This area chart displays car sales in India from 2009 to 2019, with a smooth curve and orange filled area beneath the line to emphasize sales trends over time. The visualization uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for axes, and d3.area with d3.curveBasis to generate the filled path. The SVG is rendered with margin-based positioning, and axes are styled using d3.axisBottom and d3.axisLeft with custom tick formatting.

SSai Hemanth Babu Sunkari

78% match

Loading thumbnail…

Area Chart

This area chart visualizes car sales in India from 2009 to 2019, using a smooth curved line and an orange shaded region to emphasize the upward trend. The chart loads CSV data asynchronously, parses dates with `d3.timeParse`, and renders an SVG with `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.area` using `curveBasis`. Axis labels and gridlines are generated via `d3.axisLeft` and `d3.axisBottom`, with custom tick formatting via `d3.format`. The styling applies black strokes and bold blue labels through an external CSS file.

Eeravellisaimeghana

78% match

Loading thumbnail…

Area Chart

This area chart displays car sales in India from 2009 to 2019, with years on the x-axis and sales figures on the y-axis. The visualization combines a smooth black line for the trend and an orange area beneath it to emphasize magnitude. Built with D3 v5, it uses `scaleTime` and `scaleLinear` for axes, along with `line` and `area` generators with `curveBasis` for smoothing. Data is loaded from a CSV file via `d3.csv`.

Aavinash021997

77% match

Loading thumbnail…

Area chart-ICE-7

This area chart visualizes India’s population from 1980 to 2020, with data points from a CSV file and a smoothed curve using `d3.area` and `d3.curveBasis`. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, rendered as SVG. Axis labels and tick formatting employ `d3.axisBottom`, `d3.axisLeft`, and `d3.format`. The line and area are styled with CSS classes, highlighting population growth over four decades.

Ssreesushmav

77% match

Loading thumbnail…

Line Chart 11551417

A line chart visualizes the number of H1 visa applications (in lakhs) over time, with each year plotted along the x-axis and reported cases on the y-axis. The chart uses D3 v5's `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and a `line` generator with a `curveBasis` curve to create a smooth path. Data is loaded via `csv` from a GitHub gist, and the SVG rendering includes labeled axes and gridlines. The visualization is based on the Data Canvas – Sense Your City dataset, though the displayed values reflect H1 application counts.

SSrujana390

77% match

Loading thumbnail…

Area Chart

This area chart shows the Indian population from 2010 to 2022, with the year on the x-axis and population in billions on the y-axis. The chart uses a smooth curve to connect the data points, filled in orange. It is built with D3 v5, using `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.curveBasis`, rendering as SVG. The data is loaded from a CSV file hosted on GitHub.

AAkhila-Battula

77% match

Loading thumbnail…

Area Chart

This area chart displays India's GDP in billions from 2011 to 2020, using a filled pink path with a cyan stroke over a time-based x-axis and linear y-axis. The visualization loads CSV data from a GitHub gist, parsing years as dates and GDP values as numbers. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `area` generator with a `curveBasis` interpolation to create the smooth shaded region. Margins, axis labels, and a title are positioned using SVG groups, with tick lines and labels styled via CSS.

Uubl2

77% match