Interactive Graph

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.

77% match

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.

74% 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.

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.

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.

Imports with Menus

This interactive scatterplot displays the value of exports from various countries to China and the United States between 2000 and 2016, sourced from the World Trade Organization. Users select which two countries to compare via the dropdown menus built with the `dropDownMenu` helper, while a color legend toggles data points by indicator. The visualization updates with animated transitions using `transition().duration()` and `delay()`, and implements axes with `d3.axisLeft` and `d3.axisBottom`, with color encoding via `d3.scaleOrdinal` and `schemeCategory10`.

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.

Interactive pie and bar

This interactive dashboard links a bar chart of 2019 export totals per state with a pie chart and legend that break down each state’s exports by agricultural, industrial, and livestock categories. Hovering over a bar updates the pie chart and legend to reflect that state’s sector frequencies, while hovering over a rectangle highlights it in blue. Built with React and D3 v3, the visualization uses ordinal and linear scales, SVG transitions, and mouseover/mouseout handlers to coordinate the views.

NNataliaHerreraMurillo