Fork of Project 6

100%

Fork of Project 6

✓ Published1🌍 Public

Last edited Oct 7, 2026

Created on Oct 7, 2026

A horizontal bar chart displays 2023 CO₂ per capita for countries, sorted descending and colored by region. It uses d3.csv to load data, d3.scaleLinear for bar lengths, d3.scaleBand for country positioning, and d3.scaleOrdinal with d3.schemeTableau10 for color encoding. A tooltip appears on mouseover, and an SVG legend shows the region categories.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Project 6 Question 2

This visualization shows GDP per capita against CO₂ per capita for each year in a small-multiple grid of scatterplots. Each frame represents one year, with points colored by region and tooltips revealing country names. The code uses d3.csv to load data, d3.scaleLinear for shared x and y scales across all frames, and d3.axisBottom and d3.axisLeft to render axes. The d3.schemeTableau10 color scale assigns region colors, while SVG circles are appended with d3.selectAll and .join, incorporating a d3.append title element for hover details.

Ppezguy97@gmail.com

82% 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

82% match

Loading thumbnail…

Fork of data visulization

This bar chart displays population data for six countries, sourced from a local CSV file, with each bar’s length proportional to the population value (scaled by 1,000). Using D3 v6, the code employs `d3.scaleLinear` for the x-axis, `d3.scaleBand` for categorical y-axis spacing, and `d3.axisLeft`/`d3.axisBottom` to render axes. The SVG is appended and styled via CSS, with margins applied to position the chart within a 960×500 viewport.

Yyingzhe-z

81% match

Loading thumbnail…

Fork of Project 6 Question 2 Part 2

This animated scatterplot shows GDP per capita versus CO₂ per capita over time, with points colored by region and a play/pause button to step through yearly frames. It loads CSV data via `d3.csv`, maps numeric columns, and uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with the Tableau10 scheme for region colors. Each frame filters rows by year and transitions circle positions using `transition().duration(700)`, updating a status line with the current year.

Ppezguy97@gmail.com

81% match

Loading thumbnail…

Fork of Green house gas bar chart

This bar chart visualizes greenhouse gas emissions by country for 2022, measured in MtCO₂e. It uses D3 v7’s `scaleLinear` and `scaleBand` to map population values and country names, with axes generated via `axisLeft` and `axisBottom`. The SVG rendering includes an animated tooltip that appears on mouseover, displaying each country’s emission value. Data is loaded from a remote CSV file using D3’s `csv` method, and the chart features a custom interactive fill effect on hover.

Ssnehareddygurram

81% match

Loading thumbnail…

Project 6

This scatter plot shows the relationship between GDP per capita and CO₂ emissions per capita, with each dot representing a country-year observation. Points are colored by region and include a legend, while hovering over a point reveals a tooltip showing the country, year, and both variable values; clicking a point selects and highlights it. The visualization uses d3.csv to load data from a GitHub gist, d3.scaleLinear for the axes, d3.scaleOrdinal with d3.schemeTableau10 for categorical coloring, and d3.axisBottom and d3.axisLeft for tick marks. All marks are rendered as SVG circles, with the tooltip positioned absolutely and delayed via setTimeout.

Ppezguy97@gmail.com

80% match

Loading thumbnail…

Fork of D3 Starter

A horizontal bar chart displays population figures for nine countries, sourced from an embedded CSV file. The bars render as SVG rectangles, with each country's population scaled linearly along the x-axis and country names positioned using a band scale on the y-axis. The code uses d3.csv to load the data, d3.scaleLinear for the width mapping, d3.scaleBand for categorical spacing, and d3.select to append the rectangles.

Mminaadel6600

80% match

Loading thumbnail…

CO2 Bar Chart 2025

This bar chart displays CO₂ emissions by country for 2025, ranking nations from highest to lowest emissions. Each bar’s length encodes emission values in megatons, while color distinguishes geographic regions through a scaleOrdinal. The visualization uses d3.csv to load remote data, d3.scaleBand and d3.scaleLinear for positioning, and includes hover tooltips showing country, region, and precise values. Animated bar transitions grow from the baseline, and the SVG rendering includes axis labels and an interactive legend.

Vvunnamnandini13@gmail.com

80% match