Version_2_SP

100%

✓ Published1🌍 Public

Last edited Oct 4, 2018

Created on Oct 4, 2018

Forked from New-6

This visualization compares the GDP variation of the USA and Germany after World War II, using a scatterplot where the x-axis maps the year and the y-axis reports GDP in percent. The dataset originates from the IMF Website. An interactive color legend, built with `d3.scaleOrdinal` and `d3.schemeSet2`, allows users to click on a country to highlight its data points while dimming others. The chart is rendered as an SVG using `d3.axisBottom` and `d3.axisLeft` for the axes, with circles positioned via `d3.scaleLinear`.

AI-generated description

This visualization shows the changes in GDP after World War II for US and Germany. The y-axis reports the GDP (in percent) and the x-axis reports the year. The dataset comes from the IMF Website.

Data loading concept (index.js) and function ordering (scatterplot.js) used from Nick Lima's visualization.

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

MMukund Khandelwal

94% match

Loading thumbnail…

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.

MMukund Khandelwal

89% match

Loading thumbnail…

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.

MMukund Khandelwal

89% match

Loading thumbnail…

GDP changes: Post World War II

This visualization uses a scatterplot to show GDP changes for the USA and Germany after World War II, with the y-axis reporting GDP in percent and the x-axis showing the year. A categorical color scale distinguishes the two countries, and an interactive color legend filters the data by country on click. The code loads data from the IMF via D3’s `csv` function and builds the chart using `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` with `schemeSet2`. The update pattern follows Nick Lima’s approach for handling selections and transitions in SVG.

MMukund Khandelwal

89% match

Loading thumbnail…

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.

MMukund Khandelwal

88% match

Loading thumbnail…

New-6

This interactive scatterplot compares GDP variation in the United States and Germany after World War II, with the y-axis showing GDP as a percentage and the x-axis showing the year. Users click a color legend to highlight one country while dimming the other. The visualization uses d3.scaleOrdinal for colors, d3.scaleLinear for axes, and d3.axisBottom/axisLeft for tick marks. SVG circles represent individual observations, with data sourced from the IMF website and loaded via d3.csv.

MMukund Khandelwal

87% match

Loading thumbnail…

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.

MMukund Khandelwal

87% match

Loading thumbnail…

Variation of GDP over time for USA and Germany-test3

This scatterplot tracks the GDP variation over time for the USA and Germany, using two distinct colors to differentiate the countries. A color legend allows users to click on a country to highlight its data points while dimming the others. The visualization is built with D3 v5, using `scaleLinear` for the axes, `scaleOrdinal` with `schemeSet2` for the color mapping, and SVG circles for the data points. The data is loaded from a CSV file via `d3.csv`.

MMukund Khandelwal

86% match