Skip to main content
SimilarExport ZIP
100%

Greenhouse Gas Producers - Map

✓ Published1🌍 Public
Hhagerka
Last edited Jun 2, 2022
Created on May 28, 2022

This visualization maps greenhouse gas producers across the United States using a dot plot overlaid on an Albers USA projection. Each circle represents a facility, with its size and opacity scaled by reported 2020 direct emissions and its color indicating the state. The Vega-Lite API builds the mark encoding, while D3 loads the CSV data. Custom configuration adjusts axis and label styling with a dark theme.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Greenhouse Gas Producers - Bar Graph

This visualization presents a bar graph of greenhouse gas emissions by state for the year 2020, with each bar segmented by facility name and interactive tooltips revealing facility details. The chart uses the Vega-Lite API, built with `vl.markRect()` and encoding functions for the x-axis state field, y-axis emissions quantity, and color mapping by facility. Data is fetched asynchronously via D3’s `csv()` from a GitHub Gist, while the Vega tooltip handler and custom config adjust axis styling and text colors for improved readability.

Hhagerka
85% match
Loading thumbnail…

Green house gas bar chart

This visualization displays greenhouse gas emissions by country using a bar chart, with the data loaded from a CSV file containing country names and population figures. The chart renders as SVG elements within a React component, drawing only the X and Y axes as black lines using basic SVG line elements. The code relies on React hooks (useState, useEffect) and the d3.csv function to fetch and parse the data, while d3.v5 is loaded via CDN. The visualization uses a fixed 450×450 pixel SVG canvas with no bars actually drawn, showing only the coordinate system and data loading foundation.

VVikil Lakkavatri
69% match
Loading thumbnail…

Fork of Green house gas bar chart

This bar chart displays greenhouse gas emissions (in MtCO₂e) for several countries, using horizontal bars ordered by country name. Built with D3 v7, it maps population values to a linear x-scale and country names to a band y-scale, rendering SVG rectangles with axes. A custom tooltip appears on mouseover, showing the emission value, while the bar color darkens slightly on hover. Data is loaded from a CSV file and parsed as numbers before rendering.

VVitor Leonel
68% match
Loading thumbnail…

Green house gas bar chart

A horizontal bar chart displays 2019 greenhouse gas emissions (in MtCO₂e) for eleven top-GDP countries, with population values from `data.csv`. Steel-blue bars encode emissions magnitude on a linear scale, while country names align on a band scale. The SVG rendering uses D3 v7’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the plot and axes. Interactive hover effects reveal a custom tooltip with the emission value, and the bar fill darkens via `attr("fill")` on mouse events.

DDIANJING FAN
68% match
Loading thumbnail…

Fork of Geospatial Map of Top 10 Oil Producers in 2020

This example displays a geospatial bubble map of the top 10 oil producers in 2020, with circle size encoding each country’s hydrocarbon production index (hpi). It uses a React-based D3 v5 workflow, combining `geoNaturalEarth1`, `geoPath`, and `geoGraticule` to render world landmasses, interiors, and graticules in SVG. The bubbles are sized with `scaleSqrt` and global data comes from a CSV, while the world atlas is loaded via TopoJSON. The map serves as a companion to a renewable energy transition analysis.

88Tigers2020
68% match
Loading thumbnail…

Geospatial Map of Top 10 Oil Producers in 2020

This geospatial visualization maps the top 10 oil-producing countries in 2020, with each country represented by a semi-transparent circle sized according to its production data. The map connects to a companion chart on CO2 emissions to explore the relationship between oil production and renewable energy transitions. Built with React and D3 v5, it uses `d3.geoPath` with a Mercator projection to render world landmasses and country boundaries from TopoJSON data. The country locations and production values come from a CSV file hosted on GitHub, sourced from EIA data via IG.

88Tigers2020
68% match
Loading thumbnail…

Fork of Green house gas bar chart

This example displays a horizontal bar chart of greenhouse gas emissions for the top 11 GDP countries in 2019, using data from a CSV file loaded via d3.csv. The chart maps emission values to bar widths with d3.scaleLinear and country names to y-axis positions with d3.scaleBand, rendering in SVG. Interactive tooltips appear on mouseover, showing the emission value in MtCO₂e, while bars darken on hover. The visualization uses d3.axisLeft and d3.axisBottom for axes and is built with React and D3 v7.

NNikithakatta30
67% match
Loading thumbnail…

bubble

This bubble map displays global natural gas production by country, with circle size proportional to production volume. The visualization uses D3.js v6 with a Mercator projection, plotting latitude and longitude coordinates from a CSV file onto a GeoJSON world map. The map renders as gray SVG paths with blue semi-transparent bubbles, sized using d3.scaleLinear. Country positions are projected via d3.geoPath with a custom geoMercator projection, while the data loading relies on Promise.all to fetch both the GeoJSON and CSV sources.

Hhanulik.ondrej@gmail.com
67% match