Skip to main content
SimilarExport ZIP
100%

Exports to Seven Countries with Menus

✓ Published0🌍 Public
MMukund Khandelwal
Last edited Oct 10, 2018
Created on Oct 10, 2018

This interactive scatter plot displays annual export values from 2000 to 2016 for seven countries, drawn from World Trade Organization data. Two dropdown menus let users select which countries to compare on the x- and y-axes. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `transition().delay()` to animate circles from the center to their positions. The `dropDownMenu` component updates the chart on each selection, while SVG rendering and axis labels provide clear context for the chosen comparison.

AI-generated description

This data is about the exports to China and United States between 2000 and 2016.

All data comes from World Trade Organization: Network of world merchandise trade.

MIT Licensed

Similar vizzes

Loading thumbnail…

Exports to Seven Countries with Menus

This interactive scatterplot compares exports to seven countries between 2000 and 2016, with dropdown menus allowing viewers to select which two countries to plot against each other. The code imports data from the World Trade Organization’s network of world merchandise trade statistics via `d3.csv`. Using D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom`, it renders SVG circles with animated transitions via `transition().duration(2000)`. The custom `dropDownMenu` module handles menu updates, while the `scatterPlot` module manages axes and data binding.

Vveagy
95% match
Loading thumbnail…

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.

Vveagy
89% match
Loading thumbnail…

Imports with Menus

This interactive scatter plot explores worldwide export data from 2000 to 2016, sourced from the World Trade Organization. Two dropdown menus allow users to select which export destination country (e.g., China, United States, Brazil) to plot on the x- and y-axes. The visualization is built with D3 v5, using `scaleLinear` for axes, `scaleOrdinal` for color encoding by country, and `transition().duration(2000).delay()` to animate the circles to their new positions when menu selections change. An SVG rendering includes axis labels and a color legend.

Vveagy
88% match
Loading thumbnail…

Imports with Menus

This interactive scatterplot visualizes worldwide export data from 2000 to 2016, sourced from the World Trade Organization. Users can select which country’s export values appear on the x- and y-axes via two drop-down menus, and clicking a country in the color legend highlights only those points. The plot uses d3.scaleLinear for axes and d3.scaleOrdinal for coloring, with transitions animating circle positions over two seconds. SVG rendering and the dropDownMenu and colorLegend modules drive the interactivity.

Vveagy
88% match
Loading thumbnail…

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.

Vveagy
88% match
Loading thumbnail…

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.

Vveagy
87% match
Loading thumbnail…

Scatter Plot with Menu

This scatter plot visualizes worldwide export data from 2000 to 2016, with each circle representing a country-year observation. Users select the x and y axes from dropdown menus to compare different economic indicators across countries, while a color legend toggles which country category is highlighted in the plot, dimming non-selected points. Built with D3 v5, the visualization uses an animated transition to grow circles over 2 seconds, scales axes with `d3-scaleLinear`, and renders SVG elements. A hover tooltip displays the reporter description for each point, while the legend and dropdowns filter and control the displayed data.

Vveagy
86% match
Loading thumbnail…

Imports with Menus

Two dropdown menus let the viewer select which countries to compare on the x- and y-axes of a scatter plot, while a color legend filters the points by export category. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for coloring, and d3.select to update the menus and plot dynamically. Data covers exports to China and the United States from 2000 to 2016, sourced from the World Trade Organization. Circles animate into position with transitions, and filtering fades non-selected points.

Vveagy
86% match