IndiaGDP from 2009 to 2022 Line Chart

100%

IndiaGDP from 2009 to 2022 Line Chart

✓ Published0🌍 Public

Last edited Mar 13, 2023

Created on Mar 12, 2023

This line chart displays India’s GDP from 2009 to 2022, with years on the x-axis and GDP values on the y-axis. Using d3.scaleTime and d3.scaleLinear, it maps data from a CSV file loaded via d3.csv. The chart includes axis labels, a title, and a green line path generated with d3.line. Grid lines are styled via CSS, and the SVG is centered in an HTML page with D3 v5.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

GDP rate in Line Chart

This line chart visualizes India's GDP from 2010 to 2022, with the x-axis showing years and the y-axis displaying GDP values. The visualization uses D3.js v5 within a React framework, rendering as an SVG. It loads CSV data via `d3.csv` from a GitHub gist, then uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes. A `d3.line` generator creates the orange GDP trend line, with custom CSS styling for labels and the title.

Pprachow

91% match

Loading thumbnail…

IndiaGDP of Area Chart

This area chart displays India’s GDP values from 2009 to 2022, with a black line and green filled area over time. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `area`, and `line` generators with `curveBasis` to render the SVG. The data is loaded via `csv` from a gist, with axes formatted using `axisLeft` and `axisBottom`, and styled through custom CSS for labels and gridlines.

Pprachow

90% match

Loading thumbnail…

Line Chart

This line chart displays India's GDP in billions from 2011 to 2020, using a time-scaled x-axis for years and a linear y-axis for GDP values. The visualization is rendered as an SVG using D3 v5, with the code importing modular functions such as `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, `line`, `extent`, and `max`. Data is loaded from a CSV file hosted in a GitHub gist, and the chart includes labeled axes, gridlines, a title, and a green stroke path generated by the `line` generator.

Uubl2

88% match

Loading thumbnail…

Line Chart

This line chart displays India’s GDP in billion U.S. dollars from 2001 to 2021, with the year on the x-axis and GDP values on the y-axis. The visualization uses D3 v5 with the `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs, rendering in SVG. Data is loaded from a remote CSV file, and axes include gridlines and labels. A red path traces the GDP trend over time.

HHarshavardhan

86% match

Loading thumbnail…

Line Chart

This line chart visualizes the GDP of India over two decades, with the x-axis representing years and the y-axis showing GDP in billion dollars. The chart displays a single red line path, generated using d3.line, with axes created via d3.axisBottom and d3.axisLeft. Data is loaded from a CSV file using d3.csv and parsed with scaleTime and scaleLinear for positioning. Rendered as an SVG, the visualization includes axis labels and a title, with styling applied through CSS classes.

HHarshavardhan

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

83% match

Loading thumbnail…

Fork of Fork of Line Chart

This example visualizes India’s GDP in billion US dollars from 2009 to 2022 as a red line chart. The chart uses D3 v5 with SVG rendering, employing `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` with grid lines, and a `line` generator. Data is loaded from a CSV file via `d3.csv`, parsed with `new Date` and numeric conversion, then drawn in a centered group with margins, axis labels, and a title.

SSumanya4

80% match

Loading thumbnail…

ICE 7 Area Chart

This area chart shows the GDP of India from 1994 to 2021, with a bold black line tracing the trend and a pink filled area underneath. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while the line and area shapes are generated with `line()`, `area()`, and `curveBasis`. Data is loaded from a CSV file hosted on GitHub, and the year values are parsed using `timeParse`. The SVG output is styled with CSS, and axis labels use a formatted tick scale.

Vvarun-030

79% match