A10 - White Hat Visualization

100%

A10 - White Hat Visualization

✓ Published0🌍 Public

Last edited Apr 23, 2025

Created on Apr 23, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

5th visualisation

A responsive line chart visualizes mean greenhouse gas emissions per year, averaged across the dataset and colored by year. It uses d3.csv to load the data, d3.group and d3.mean for aggregation, and d3.line to generate paths. SVG axes, scales, and a legend are built with d3.scaleTime, d3.scaleLinear, and d3.axisBottom/Left. The source is an integrated CSV from a GitHub repository.

Vvenkatabhaskaratetali@my.unt.edu

77% match

Loading thumbnail…

Project Prototype 3

This visualization displays cumulative greenhouse gas emissions for the ten highest-ranked countries from 1990 to 2013, with each country represented by a circle scaled by population and a line indicating annual emissions. The chart uses D3 v4 to create an SVG scene with animated transitions between years, including top and bottom marks connected by rectangles to show cumulative totals. The data comes from a CSV file containing country, year, GHG values, cumulative GHG, and population figures, rendered using `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`.

RRobertDelgado

77% match

Loading thumbnail…

Refactor Project xxx

A multi-year animated bar chart displays cumulative greenhouse gas emissions for the top ten ranked countries, with each bar tracking the annual addition to its total. The visualization uses D3 v4 to sort and filter CSV data by final rank, then updates the chart for each year. Code implements custom update, enter, and attribute functions for managing SVG elements, along with a d3.zoom interaction for exploring the timeline. Tooltips and floating labels provide contextual information about population and emissions values.

RRobertDelgado

76% match

Loading thumbnail…

D3 - Multi-Line Chart

This multi-line chart displays carbon dioxide emissions per country from 1970 to 1979, using four distinct colored lines with circular data points. The visualization loads CSV data from a GitHub gist and renders an SVG with a light gray background panel, axis labels, and a title. It uses d3.csv for data loading, d3.line to construct the paths, and d3.axisBottom and d3.axisLeft for the axes. Interactive tooltips appear on mouseover, showing the emission value for the hovered point, with circles enlarging to indicate selection. The chart also incorporates colorbrewer colors and the d3-legend library.

CChandana Srinivas

76% match

Loading thumbnail…

Project Prototype 2

This visualization displays the cumulative greenhouse gas emissions for the ten highest-ranked countries, comparing their annual contributions in a selected year. Each country is positioned along the x-axis, with a circle marking the cumulative emissions total and a vertical line showing the portion added in that specific year, scaled by population. The chart uses D3 v4 with SVG rendering, employing `d3.scalePoint`, `d3.scaleLinear`, and axis generators to structure the data from the provided CSV file, which tracks GHG values and population from 1990 onward.

RRobertDelgado

76% match

Loading thumbnail…

Project Prototype 6

This example visualizes the cumulative greenhouse gas emissions of the ten largest-ranked countries over time, using an animated bar chart. It plots countries on the x-axis and their cumulative emissions on the y-axis, with circles sized by population. The visualization updates by year, showing the progression from 1990 onward. The code leverages D3 v4’s `scaleBand` and `scaleLinear` for axes, renders SVG circles and rectangles, and includes hover tooltips that display country and population data. The data is loaded from a CSV file containing country-specific emission values.

RRobertDelgado

75% match

Loading thumbnail…

123

This sunburst chart displays global CO₂ emissions, with the top-emitting countries grouped by their respective regions. Using D3.js v6, the chart partitions a hierarchical dataset, rendering each segment as an arc whose angle and radius correspond to emission values. The visualization employs `d3.partition` and `d3.arc` for geometry, with regional colors from `d3.schemeCategory10` and country colors from `d3.schemePastel1`. Tooltips reveal exact emission figures, while an interactive legend color-codes both regions and individual countries.

Nnitinramagiri1@gmail.com

75% match

Loading thumbnail…

Project Prototype 5

This visualization depicts cumulative greenhouse gas (GHG) emissions for the ten largest countries over time, showing both the annual contribution and the total accumulated amount for a selected year. A bar’s height represents the annual GHG value, while a circle positioned at the top indicates the cumulative total, with its radius scaled by population. The chart is built with D3 v4, using SVG primitives (`circle`, `rect`, `line`) and a band scale for the x-axis. Data is loaded from a CSV containing country, year, GHG, and population figures, with an annotation text element highlighting the displayed year.

RRobertDelgado

75% match