Skip to main content
SimilarExport ZIP
100%

Line Chart

✓ Published0🌍 Public
HHarshavardhan
Last edited Mar 25, 2023
Created on Mar 25, 2023
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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

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

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