India CO2 Emissions

100%

India CO2 Emissions

✓ Published4🌍 Public

Last edited Mar 27, 2022

Created on Mar 25, 2022

This visualization shows India’s annual CO2 emissions per capita over time as a line chart, with the x-axis representing years and the y-axis emissions values. Built using React and D3 v5, it loads CSV data via `d3.csv`, scales time and linear domains with `scaleTime` and `scaleLinear`, and renders SVG axes and a path using `axisBottom`, `axisLeft`, and the `line` generator. Grid lines and marker components add reference points for readability.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

India CO2 emissions

The visualization displays India's annual CO2 emissions per capita over time as an area chart, with the x-axis representing years and the y-axis metric tons of emissions. The chart uses a basis-smoothed curve to fill the area beneath the line. Built with D3 v5, the code leverages `select`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` alongside `curveBasis`. It renders to SVG and loads data from a raw CSV hosted on GitHub, with axes and title styled via CSS.

LLakshmiVandanaNunna

93% match

Loading thumbnail…

Fork of India CO2 Emissions

A line chart tracks India’s population alongside CO2 emissions per capita over time, using a black stroke for the population trend and labeled axes. The visualization loads a CSV from a GitHub gist via `d3.csv`, parses years with `timeParse`, and renders an SVG through React components. Scales from `d3.scaleTime` and `d3.scaleLinear` position the line, while `d3.axisBottom` and `d3.axisLeft` add gridlines and tick labels. Marker lines, though defined, are not actively invoked in the displayed chart.

Bbhargavarathod

89% match

Loading thumbnail…

7

This SVG line chart, built with React and D3 v5, visualizes India’s annual CO2 emissions per capita over time. It loads data from a remote CSV and uses `d3.scaleTime`, `d3.scaleLinear`, and a `d3.line` generator to plot the trend. Gridlines and axis labels are added via `d3.axisBottom` and `d3.axisLeft`, while customizable marker lines highlight specific data points. The chart spans the full viewport and includes a black, thick line path to emphasize the emission curve.

Ssowmyanagula@my.unt.edu

87% match

Loading thumbnail…

Fork of India CO2 emissions

This visualization shows India’s annual CO2 emissions per capita over time as a smooth filled area chart. The area’s height encodes emission values across years, with axes labeled for clarity. Built with D3 v5, it uses `scaleTime` and `scaleLinear` for positioning, `area` with `curveBasis` for the smooth shape, and `axisBottom`/`axisLeft` for gridlines. The data loads from a CSV hosted on GitHub Gist, with the SVG rendering and styling handled via `select`, `csv`, and CSS classes.

MMar-99

87% match

Loading thumbnail…

Fork of India CO2 emissions

A line-area chart shows India's CO2 emissions per capita over time, with the area filled in maroon beneath a smooth curve. The chart uses D3 v5's `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, while `axisBottom` and `axisLeft` render labeled axes with gridlines. Data is loaded via `csv` from a GitHub gist and parsed as date objects, with the y-axis labeled "CO2 emissions (per capita)" and the x-axis as "Year."

Bbhargavarathod

86% match

Loading thumbnail…

India GDP Area chart

This visualization displays India’s annual CO2 emissions per capita over time as a filled area chart. The area path is generated with `d3.area` and `curveBasis`, while `d3.scaleTime` and `d3.scaleLinear` map years and emission values to pixel coordinates. Axes are drawn using `d3.axisBottom` and `d3.axisLeft` with gridlines, and the data is loaded via `d3.csv` from a GitHub gist. The SVG rendering uses a maroon fill for the area, with axis labels and a title styled via CSS.

LLakshmiVandanaNunna

86% match

Loading thumbnail…

Fork of India population

This visualization shows India’s CO2 emissions per capita over time using a filled area chart. The chart plots yearly data points with a smooth curved area, colored maroon, against axes labeled “Year” and “CO2 emissions (per capita)”. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `area` with `curveBasis`, and `axisBottom`/`axisLeft` to render the SVG. Data is loaded from a CSV file containing annual emissions values, and the title appears above the plot.

Nnagarjuna1968

85% match

Loading thumbnail…

ICE 7 The Line Chart

This line chart displays CO2 emissions in India from 1860 to 2022. The visualization uses a linear scale for both the year (x-axis) and emission tons (y-axis), with gridlines and labeled axes. Built with D3 v5 and React, the code loads CSV data from a GitHub gist, then renders an SVG path using `d3.line` and scales (`scaleLinear`, `extent`, `max`). Axis ticks are generated via `axisBottom` and `axisLeft`, with tick formatting and padding configured. The chart is styled through CSS, with a blue stroke for the line path.

AAniv Chakravarty

85% match