Project Prototype 3

100%

Project Prototype 3

✓ Published0🌍 Public

Last edited Oct 17, 2017

Created on Oct 17, 2017

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

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/RobertDelgado/'>RobertDelgado</a>'s block: <a href='http://bl.ocks.org/RobertDelgado/7ad25f3c61d0beb2f291aa07593212ed'>Project Prototype 2</a>

mit Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Project Prototype 3

This visualization compares cumulative greenhouse gas emissions for the ten highest-emitting countries across yearly intervals. It uses circular marks sized by population, vertical rectangles showing the current year's emissions contribution, and dashed lines connecting cumulative totals to a baseline. The code employs d3.scaleBand for country positioning, d3.scaleLinear for emission values, and d3.axisBottom/axisBottom for axes, with data loaded from a CSV file containing GHG, population, and rank fields.

RRobertDelgado

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

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

94% match

Loading thumbnail…

Project Prototype 4

This graphic shows the top-ten ranked countries by cumulative greenhouse gas emissions, focusing on the year 2011. It uses a combination of circles (sized by population), vertical bars (representing annual emissions), and dashed lines (connecting to cumulative totals) for each country. The visualization is rendered in SVG using d3.v4, with data loaded from a CSV file. It employs `d3.scaleBand` and `d3.scaleLinear` for axes and scales, and uses SVG primitives like `circle`, `rect`, and `line` to encode the data.

RRobertDelgado

93% match

Loading thumbnail…

Project Prototype round 3 v3

This visualization plots cumulative greenhouse gas emissions from 1990 to 2013 for a ranked subset of countries, using a slider to animate through the years. Annual emissions are shown as a stacked bar segment that grows over time for each country, with the current year highlighted and each country’s cumulative total represented by the bar’s height. The chart is built with D3 v4, using `d3.scaleBand` for the categorical country axis and a linear scale for the emission values, and updates the bar heights and positions via a custom `render` function that filters the CSV data by year and rank.

RRobertDelgado

91% match

Loading thumbnail…

Refactor Project zzz

This animated visualization shows the cumulative greenhouse gas emissions of the top ten ranked countries from 1990 to 2013, with each country represented by a bar chart that updates over time. The code uses D3 v4 to build the charts, with `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and includes d3-tip for tooltips and d3-legend for the legend. The animation transitions between yearly views, displaying floating labels with population and cumulative GHG data, while connecting marks and annotations track changes in country rankings.

RRobertDelgado

89% match

Loading thumbnail…

Project Prototype round 3

This interactive D3.js v4 visualization shows the cumulative greenhouse gas emissions of selected countries over time (1990-2013), with bar segments representing yearly GHG contributions stacked by country. A tooltip displays additional details when hovering. The code uses D3's `scaleBand` for the country axis, `scaleSqrt` for the cumulative emission values, and `selectAll`, `enter`, `exit`, and `merge` to update the SVG elements dynamically as the year and number of countries are adjusted. The data comes from the provided `Data3.csv` file.

RRobertDelgado

89% match