Skip to main content
SimilarExport ZIP
100%

Line Chart

✓ Published0🌍 Public
SSRI RAM REDDY KOTERU
Last edited Mar 28, 2022
Created on Mar 27, 2022
Forked from ICE 7 Line Chart

This line chart visualizes GDP growth for top countries across 2017–2018, using a time-scaled x-axis and linear y-axis. The SVG rendering relies on D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to draw the path. Data is loaded from a CSV via `d3.csv`, with axis labels styled through CSS. The chart includes grid lines and a single red trend line, with the y-axis tick format simplified using a custom formatting function.

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
83% 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
82% 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
81% match
Loading thumbnail…

Line Chart

This example visualizes the GDP of a dataset over time as a smooth line chart. The chart maps yearly data points using a line path with natural curve interpolation, while axes are labeled for year and GDP. Built with React and D3 v5, it uses `scaleTime` for the x-axis and `scaleLinear` for the y-axis, rendering to SVG. The data is loaded from a CSV file via the `csv` function from D3, and the visualization omits individual data point circles, focusing solely on the trend line.

Ggayathrikavya
81% 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
79% match
Loading thumbnail…

ICE7 Task3 Line Chart

This example shows the annual GDP of a country in billions of dollars over time, with the x-axis mapping years and the y-axis mapping GDP values. The visualization uses a line chart rendered as an SVG, where the data is loaded from a CSV file hosted in a GitHub Gist. The code builds scales with `d3.scaleTime` and `d3.scaleLinear`, generates axes using `d3.axisBottom` and `d3.axisLeft`, and draws the line with `d3.line`. The chart includes axis labels, gridlines via tick sizes, and a blue stroke for the line path.

Ddineshtadepalli12
77% 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
76% match
Loading thumbnail…

Fork of ICE-7 Line chart SKM

This line chart visualizes GDP trends for multiple countries over time, with each line representing a single country’s annual GDP values. The chart uses a linear x-axis for years and a linear y-axis for GDP, with colored lines distinguishing countries. It is built with D3 v7, loading data from a CSV file via `d3.csv`, and renders as an SVG using `d3.line` and `d3.scaleLinear`. Axis labels are rotated for readability, and the chart is styled with custom CSS for a clean, minimal presentation.

Mmukundakrishna.r@gmail.com
76% match