Skip to main content
SimilarExport ZIP
100%

Module 3 exercice

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

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`.

AI-generated description

Similar vizzes

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
89% match
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
85% match
Loading thumbnail…

Module 3 exercice

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.

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

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
71% match
Loading thumbnail…

CO2-buttons

This interactive line chart tracks CO2 emissions per capita from 2000 to 2008 for Germany, France, and the United States. A dropdown menu lets users switch between countries, triggering a smooth transition that updates both the line and its accompanying dots. The visualization loads data from a CSV file using d3.csv and renders an SVG with D3 v4, relying on d3.line for the path, scaleLinear for axes, and .transition().duration(1000) to animate the changes.

Llamiyaa
71% match
Loading thumbnail…

asnn2_task1

A horizontal bar chart displays the greenhouse gas emissions in 2019 for the top 11 GDP countries, using a dataset with country names and population values. The chart, rendered as SVG with D3 v7, maps population to bar width on a linear scale and country names to vertical bands on a band scale. Tooltips appear on hover, showing the exact emission value, and the bars darken temporarily when the mouse is over them. The visualization includes axis labels and a title, with axes generated using `axisLeft` and `axisBottom`.

Mmandadi1999
70% match