Manufactures vs Total Exports

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.

71% match

Imports with Menus

This interactive scatterplot visualizes worldwide export data between 2000 and 2016, sourced from the World Trade Organization. Users select different countries from dropdown menus to compare their export values against one another, with each dot representing a country and colored by its economic indicator. Built with D3 v5, the visualization uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and animated `transition()` calls to move circles smoothly when the selected dimensions change. A color legend with clickable entries filters the displayed points.

70% match

Exports to US and China ($)

This scatterplot shows the relationship between exports to the United States and exports to China for various countries from 2000 to 2016, based on World Trade Organization data. Each circle represents a country, colored by its indicator description, with axes labeled for the two destinations. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` with `schemeCategory10`, rendering as SVG. Data is loaded via `d3.csv` and formatted with `format(".2s")`, while a legend identifies the color-coded categories.

70% match

Imports with Menus

This interactive scatter plot visualizes worldwide export data from 2000 to 2016, sourced from the World Trade Organization, comparing trade values between various countries. Two dropdown menus let users select which countries to plot on the x- and y-axes, while a color-coded legend filters the data by product indicator. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with circles animated via `transition().duration()`. A `scaleOrdinal` with `schemeCategory10` maps indicators to colors, and click events on the legend toggle data highlighting.

World Trades vs Taxes in 2015

This scatter plot compares high-technology exports as a percentage of manufactured exports against taxes on international trade as a percentage of revenue for 69 countries in 2015, segmented by income group. Using D3 v5, it renders an SVG with quantitative scales on both axes, a diverging color scheme for income categories, and interactive legend filtering. The dataset originates from World Bank indicators, with points styled by `scaleOrdinal` and `schemeSpectral`, while axes employ `axisBottom` and `axisLeft`. Clicking a legend entry dims non-matching circles to opacity 0.05.

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.

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.

Making a Bar Chart

This bar chart visualizes the top 10 countries by total merchandise exports in 2017, sourced from the World Trade Organization. It shows a horizontal bar layout where longer bars represent higher export values, led by China. The visualization is rendered using D3 v5, with index.js leveraging D3 APIs such as `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the SVG chart. The data is loaded from a CSV file, with export values multiplied by 1000, and bars are styled with a steelblue fill.