US CO2 Emmisions by sector in 2018

100%

US CO2 Emmisions by sector in 2018

✓ Published0🌍 Public

88Tigers2020

Last edited Jul 14, 2021

Created on Jul 13, 2021

This visualization shows US CO2 emissions by sector from 2018, using a line chart where each sector’s annual emissions trace a colored line over time. The chart is built with the vega-lite-api, which wraps Vega-Lite and Vega, and loads data from a GitHub Gist via d3.csv. The code configures axis and label styling through a custom config object, and the lines are rendered with an opacity of 0.8 and a size of 5. The data source is the US Energy Information Administration.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the The US Energy Information Administration, via GitHub Gist.

MIT Licensed

Similar vizzes

Loading thumbnail…

US CO2 Emmisions by various sectors

This interactive line chart displays US CO2 emissions across various sectors over time, with each sector represented by a colored line. It uses Vega-Lite's API through the `vega-lite-api` library, running on D3.v5, to encode the temporal data with a zero-suppressed quantitative y-axis for CO2 in billion metric tons. The visualization pulls data from a remote CSV file and renders as scalable vector graphics with tooltips showing the year.

MMalempatiSaranya

91% match

Loading thumbnail…

CO2 Chart: Multiple Bars

This chart displays projected CO2 emissions in billion metric tons by sector from 2020 to 2030, using grouped bars for each year. It employs D3 v5 with `scaleBand` for both year and sector categories, `scaleLinear` for values, and `scaleOrdinal` for color mapping. The data originates from the US Energy Information Administration via a GitHub Gist, rendered as SVG with axes, a title, and a legend.

88Tigers2020

76% match

Loading thumbnail…

Vega Chart - Emissions by Year

This example shows annual emissions totals as a filled area chart, with color encoding representing solid emissions by year. The visualization uses the Vega Lite API, registered with Vega and React, to render SVG output. Data is loaded via `d3.csv` from a GitHub-hosted CSV file. The chart is configured with custom axis styles, a black color scheme, and tooltips provided through the `vega-tooltip` Handler, scaling responsively to the window size.

AAmeer Nuri

72% match

Loading thumbnail…

CO2 Emissions Over Time

This stacked area chart visualizes global CO2 emissions over time, broken down by fossil fuel type: gas, liquids, solids, cement production, and gas flaring. The data is sourced from a cloud.json file and filtered to show years after 1790. Built with D3 v4, the visualization uses `d3.stack` and `d3.area` to render the SVG paths, with `d3.areaLabel` positioning text labels within each segment. The chart updates responsively on window resize, and hovering over a segment turns it black.

Ppgy-iacas

70% match

Loading thumbnail…

test_data

This visualization uses a Vega-Lite API to render an interactive line chart of CO2 emissions over time, with three distinct types compared via colored lines. The chart encodes Year on the x-axis, emission amount on the y-axis, and type as color, with tooltips showing year values. Data from a CSV file is loaded via d3.csv, and the vega-lite-api library, combined with vega-tooltip for hover interactions, generates the SVG output. The visualization fills the entire browser window and uses custom axis styling.

Jjjacobatandover

70% match

Loading thumbnail…

Country CO2 emission

A horizontal bar chart shows the top 21 countries by CO2 emissions in 2018, using data from UCSUSA. Each bar’s length encodes emissions in gigatons, with countries ranked from China (10.06 Gt) down to Kazakhstan. The visualization uses D3 v6’s `scaleBand` for the y-axis, `scaleLinear` and `max` for the x-axis, and `axisBottom` with a custom tick formatter. Cities are rendered as SVG rectangles, with axis labels and a title added via appended text elements. The CSV data is loaded using `csv`.

Ccarbuncle-3djs

70% match

Loading thumbnail…

CO2 Emissions Data Time Series Line Chart

This chart displays CO2 emissions over time for multiple countries using a line chart, with each country assigned a distinct color from D3’s `schemeCategory10` palette. The x-axis represents time, and the y-axis represents emissions. Data points are emphasized with circular markers. The visualization is rendered using D3.js (version 7.8.5), employing `scaleLinear` for axes, `scaleOrdinal` for color encoding, and `line` to generate smooth paths connecting the data points.

Oomniaabouhassan@gmail.com

69% match

Loading thumbnail…

A10 - White Hat Visualization

This line chart visualizes global greenhouse gas emissions from 1990 to 2021 for five major sectors—electricity and heat, transportation, manufacturing, agriculture, and other fuel combustion. Using D3 v7, it plots filtered data points every five years from the CSV data, with an SVG rendering and animated hover tooltips. The chart applies a categorical color scheme via `d3.scaleOrdinal` and formats large emission values in billions.

Rronnieferrufino4908@gmail.com

69% match