Fork of Fork of Line Chart

100%

Fork of Fork of Line Chart

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

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.

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

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

84% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This example shows India’s GDP from 2000 to 2008 using a combined line and area chart, with the line tracing annual values and the area beneath it filled in aqua. The visualization is built with D3 v5, using `scaleLinear` for both axes, `line` and `area` generators with `curveBasis` for smoothing, and `axisBottom` and `axisLeft` for labeled ticks. Data is loaded as CSV from a GitHub gist, and the SVG output includes gridlines, axis labels, and a blue title. The chart highlights trends while stacking the area to emphasize magnitude.

Pprachow

83% match

Loading thumbnail…

Fork of ICE-7(Line Chart)

This example visualizes India's GDP over time using a line chart, with the x-axis mapping years and the y-axis representing GDP values. The chart includes labeled axes, a title, and gridlines to aid readability. Built with React and D3 v5, it loads CSV data from a GitHub gist via `d3.csv`, then uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the SVG rendering. The code applies custom CSS for styling, including tick labels, axis colors, and the indigo stroke of the line path.

Pprachow

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

82% match

Loading thumbnail…

Fork of Fork of line chart section 3

This line chart displays mobile purchases in India from 2010 to 2020, with time on the x-axis and purchase counts on the y-axis. The visualization uses d3.csv to load external data, then applies d3.scaleTime and d3.scaleLinear for scaling, with d3.axisBottom and d3.axisLeft for labeled gridlines. A d3.line generator creates the red path rendered as SVG, while d3.timeParse converts year strings into date objects for proper temporal positioning.

NNaveenrajaYalagandula

81% match

Loading thumbnail…

Fork of Line Chart

This line chart displays electronic sales in India from 2000 to 2013, with time on the x-axis and sales values on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map data from a CSV file loaded via d3.csv. It renders an SVG path generated with d3.line, with axes created using d3.axisBottom and d3.axisLeft. Grid lines, axis labels, and a title are styled through CSS rules defined in style.css.

Ppavankalyan1507

81% match

Loading thumbnail…

Fork of Fork of line chart section 3

A line chart displays car sales data from India across the years 2013–2021, with year on the x-axis and total sales on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with red strokes. Data is loaded via `csv` from a GitHub Gist, with parsed years and numeric population values. Grid lines and axis labels are styled through CSS classes applied to the SVG elements.

Bbhargavarathod

81% match