US FOREIGN TRADE

Imports with Menus

This interactive scatterplot visualizes worldwide export data from 2000 to 2016, comparing trade values between China, the United States, and other nations. Users select which two variables to plot on the x- and y-axes via dropdown menus, with each point colored by commodity type. The visualization uses d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal, with animated transitions for the circles. Data originates from the World Trade Organization’s network of merchandise trade statistics. SVG rendering and dropDownMenu and colorLegend custom modules handle the interface.

74% match

Imports from 2000 to 2016

This interactive scatterplot visualizes global export flows to seven major economies (China, the United States, Brazil, India, Japan, Mexico, and Russia) from 2000 to 2016, with each point representing a reporting region. Users can select which two trading partners to compare via dropdown menus, and clicking a legend entry filters the data by geographic region. Circle size encodes the year, while color distinguishes reporting areas. Built with D3.js v5, the visualization uses `scaleLinear` for axes, `transition().duration()` for animated point placement, and `scaleOrdinal` with `schemeCategory10` for colors. Data comes from the World Trade Organization's merchandise trade statistics.

73% match

Zoomable Treemap Bar Chart

This visualization shows U.S. import and export trade balances by country and year, displayed as grouped treemap bar charts with inflation adjustment. Clicking a country zooms that country to the full height of the year’s bar, while other countries’ bars compress. The D3 code uses `d3.hierarchy`, `d3.scaleBand`, and `d3.scaleLinear` to lay out the data, with transitions animating the zoom effect. Data comes from the U.S. Census Bureau, with a checkbox to toggle between raw and inflation-adjusted values.

KKuerzibe

73% match

Imports from 2000 to 2016

This interactive scatterplot visualizes worldwide export flows to seven major economies from 2000 to 2016, using data from the World Trade Organization. Users select which countries to compare via dropdown menus, while a color legend filters data by reporter region. The visualization uses d3.v5 with log scales for both axes, SVG circles scaled by year, and animated transitions. Hovering reveals country-specific details via a tooltip, with the color legend and scatter plot implemented through modular JavaScript functions.

Imports from 2000 to 2016

This interactive scatterplot maps worldwide export values between 2000 and 2016, comparing pairs of importing countries selected from drop-down menus. Each dot represents a reporting region, colored by exporter group using `d3.scaleOrdinal` with `schemeCategory10`, and clicking the color legend highlights or filters points. The visualization uses d3.v5 with SVG rendering and animated transitions, scaling axes with `scaleLinear` and `scaleLog` while formatting ticks via `d3.format`. Data comes from the World Trade Organization’s network of world merchandise trade statistics.

Imports from 2000 to 2016

An interactive scatterplot explores worldwide export flows to seven major economies from 2000 to 2016, with each point colored by reporting region. Two dropdown menus allow selection of x- and y-axis variables, while clicking a legend entry highlights that region while dimming others. Built with d3.v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, and `transition().delay()` to animate points into place on load. Data on reporter and partner trade comes from the World Trade Organization.

Bubble Chart GDP by Country

This bubble chart displays GDP by country for 2016, with each bubble’s size encoding the GDP value and its color indicating the region. The visualization is built with D3 v5 using the `d3.pack` layout and `d3.hierarchy` to structure the data, rendered as SVG circles with text labels. Tooltips appear on mouseover, showing the country name and formatted GDP. The data is loaded via `d3.csv` from a World Bank dataset hosted in a GitHub gist.

663anp3ca

Imports with Menus

This interactive scatter plot displays worldwide export values to major trading partners between 2000 and 2016, using data from the World Trade Organization. Two dropdown menus let viewers select which countries to compare on the x- and y-axes, while a color legend allows filtering by commodity category. Circles animate into position with a staggered transition delay. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for coloring, and custom d3 modules for the dropdown menu, color legend, and scatter plot rendering in SVG.