Skip to main content
SimilarExport ZIP
100%

Module 3 exercice

✓ Published0🌍 Public
MMelanieJulien
Last edited Apr 19, 2015
Created on Apr 19, 2015

A scatterplot displays each country's greenhouse gas emissions per capita against total emissions for 2012, using data from the OECD. Circles representing countries are sorted by total emissions and animate in from the left edge before settling into position. Built with D3 version 3, the visualization uses `d3.svg.axis` for the axes and a `transition` to animate the circles' horizontal position, with tooltips on hover showing the country and its precise values.

AI-generated description

Similar vizzes

Loading thumbnail…

Module 3 exercice

Twenty-one years of greenhouse gas emissions per capita across 30 countries are compared, with 1990 values plotted against 2012 values. The animated scatterplot shows each country as a circle that grows and changes color as it sorts, revealing shifts in national emissions rankings over time. The visualization uses D3 version 3 with SVG rendering and transition animations, loading data from an OECD-sourced CSV file. Circle positions derive from a linear scale mapping both axes in kilograms of GHG emissions.

MMelanieJulien
92% match
Loading thumbnail…

Module 3 exercice

This visualization ranks OECD countries by their 2012 greenhouse gas emissions per capita using a horizontal bar chart, with Australia and the United States among the highest emitters and Turkey the lowest. The chart is built with D3 v3 and renders as SVG, using `d3.scale.linear` for the x-axis, `d3.scale.ordinal` with `rangeRoundBands` for the y-axis, and `d3.svg.axis` for tick labels. Data comes from a CSV file (melaniejuliendata.csv) sourced from OECD statistics, and hovering over a bar reveals a tooltip with the exact emissions value.

MMelanieJulien
86% match
Loading thumbnail…

Module 3 exercice

This visualization displays greenhouse gas emissions per capita for OECD countries from 1990 to 2012, highlighting that Luxembourg, Canada, Australia, and the United States are the largest emitters. The chart uses d3.v3 with SVG rendering and loads data from a CSV file via `d3.csv`. Each country’s emissions are drawn as a line path using `d3.svg.line()`, with time-based x-scale (`d3.time.scale`) and linear y-scale. Hovering over a circle highlights it, while the axes are generated with `d3.svg.axis`.

MMelanieJulien
85% match
Loading thumbnail…

Module 3 exercice

This example displays a horizontal bar chart of per-capita greenhouse gas emissions for 32 countries in 2012, sorted in descending order. Each bar’s width is proportional to the value in the `GHGin2012` column from a CSV file. Hovering over a bar reveals a tooltip with the country name and exact emissions figure via an appended `title` element. The visualization uses D3 v3’s `d3.csv` and `d3.descending` to load and sort data, rendering rects and text within an SVG canvas.

MMelanieJulien
84% match
Loading thumbnail…

Greenhouse gas emissions

The visualization tracks per-capita greenhouse gas emissions from 1990 to 2012 for 30 countries, revealing diverging national trends and relative rankings over time. The chart uses d3.forceSimulation to compute a stable time-series layout, then animates year-by-year transitions with transition.attrTween, while a color legend and country labels clarify the data. Rendering relies on D3’s SVG path generators, with the dataset sourced from a gist by MelanieJulien and parsed directly from CSV.

MMelanieJulien
76% match
Loading thumbnail…

scatter plot practice

This example displays a scatter plot that maps each country’s GDP on the x-axis against its CO2 emissions on the y-axis, using static data from a CSV file. The visualization uses React with d3.v6 to create an SVG chart, employing `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` for data loading. Circles represent countries with a fixed radius of 10 pixels, colored in green, and hover events log data to the console. The chart is rendered within a specified margin and width, ensuring a clean layout.

Ookahne@gmail.com
75% match
Loading thumbnail…

Scatter plot

A scatter plot displays CO2 emissions for top-ranking countries, mapping each country's total 2018 emissions in gigatons along a horizontal linear scale against a vertical point scale of country names. The visualization encodes data points as steelblue circles, with axes, gridlines, and labels styled via CSS. Built with D3 v6, it uses `csv` to load data, `scaleLinear` and `scalePoint` for positioning, and `axisBottom`/`axisLeft` for rendering axes, while `format` converts emission values to readable units. Data originates from UCSUSA's 2018 country emissions dataset.

Ccarbuncle-3djs
75% match
Loading thumbnail…

interactive scatter

This interactive scatter plot visualizes the relationship between CO2 emissions and GDP for over 190 countries, with each circle representing a nation. The chart uses D3's `scaleLinear` for both axes, and employs `axisBottom` and `axisLeft` for custom tick marks and labels. The data is loaded from a local CSV file using `csv()`. The code includes commented-out instructions for using `scaleLog` to switch to a logarithmic scale, though the active visualization uses a standard linear scale for both variables.

Ookahne@gmail.com
74% match