Line Chart

100%

✓ Published0🌍 Public

Last edited Mar 25, 2023

Created on Mar 25, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

91% match

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

87% match

Loading thumbnail…

IndiaGDP from 2009 to 2022 Line Chart

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.

Pprachow

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

84% match

Loading thumbnail…

Area Chart of GDP of India in last two decades

This area chart visualizes India’s GDP in billion US dollars from 2001 to 2021, using a smooth basis curve to draw both a black line and a pink filled area beneath it. The visualization loads CSV data from a GitHub gist, parses the numeric GDP values and year, then renders the chart as an SVG using D3 v5 APIs such as `d3.select`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.line`, and `d3.area`. Axis labels are styled via CSS, with tick marks and text formatted to show GDP values in a compact notation.

HHarshavardhan

84% match

Loading thumbnail…

Q3_Line chart

This line chart displays India's GDP over time, plotting the annual value against the year. The chart uses a smooth monotone curve to connect the data points, with gridlines and formatted axis labels for readability. The visualization is built with D3 v7, loading the data from a CSV file via `d3.csv` with `d3.autoType` for automatic type conversion. It uses `d3.scaleLinear` for both axes, `d3.extent` for domains, and `d3.format` for SI-prefix currency display. The code selects the year and GDP columns by name, limits the dataset to 80 rows, and sorts the data by year.

Mmaddineni2112@gmail.com

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

82% match