GDP changes: Post World War II

Change in GDP: Post World War II

This interactive scatterplot visualizes GDP changes in the United States and Germany after World War II, with GDP percentage on the y-axis and year on the x-axis. A yellow legend panel allows users to click on a country to highlight or dim corresponding data points. The visualization uses d3.csv for data loading from the IMF, d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and a d3.ordinal color scale with schemeSet2. Circles are rendered as SVG elements with opacity adjustments based on selected country.

GDP changes: Post World War II

A scatterplot displays annual GDP percentage changes for the US and Germany from 1946 onward. Country is encoded with color, and clicking a legend entry filters the data by highlighting that country while dimming the other. The visualization loads CSV data from the IMF using `d3.csv`, scales axes with `scaleLinear` and `extent`, and renders SVG circles and axes with `axisBottom` and `axisLeft`. A custom `colorLegend` module handles interactive selection.

GDP changes: Post World War II

This interactive scatterplot compares GDP changes in the US and Germany after World War II, with each point representing a country’s annual GDP percentage. Users click the color legend to highlight or dim each country’s trajectory. Built with D3 v5, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` for rendering SVG circles, while data is loaded via `d3.csv` from the IMF website.

Change in GDP: Post World War II

This scatterplot compares GDP growth for the United States and Germany from the post-World War II era using data from the IMF. Two countries are distinguished by color with an interactive legend that lets users isolate a single nation. The D3 v5 code builds the visualization as an SVG, relying on `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleOrdinal` for the color scheme. Circles are drawn with `append('circle')` and update opacity based on the selection.

New-1

A scatterplot displays GDP variation after World War II for the USA and Germany, with GDP in percent on the y-axis and year on the x-axis, sourced from IMF data. The visualization uses d3.scaleOrdinal with schemeSet2 for color encoding and d3.scaleLinear axes with grid lines. Interactive color legend elements filter points by country, adjusting opacity based on selection. d3.csv loads the dataset, while d3.axisBottom and d3.axisLeft render tick marks.

90% match

Version_3_SP

This visualization shows GDP variation as a percentage for the USA and Germany after World War II, with year on the x-axis and GDP on the y-axis. It uses a scatterplot with color-coded points for each country and an interactive legend that highlights or dims data by country. The code relies on d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.scaleOrdinal with schemeSet2 for colors. Data is loaded via d3.csv from the IMF website, and interaction is handled through click events on the legend.

90% match

New-4

This visualization compares GDP variation (in percent) between the USA and Germany after World War II, using data from the IMF. The d3.v5 scatterplot displays GDP on the y-axis and year on the x-axis, with a clickable color legend to highlight either country. It employs scaleOrdinal and scaleLinear for scales, axisLeft and axisBottom for axes, and SVG circles for data points. The legend uses d3 event handlers to toggle country selection, adjusting circle opacity accordingly.

90% match

New-2

This visualization displays the change in GDP (in percent) over time for the United States and Germany after World War II, using data from the IMF. A scatterplot with SVG circles, colored by country, shows yearly values, while a clickable color legend filters the data. The code uses d3.csv for loading, d3.scaleLinear and d3.scaleOrdinal for scaling, and d3.axisBottom and d3.axisLeft for axes. An interactive legend reduces opacity of non-selected countries.