Exports to US and China ($)

Project

This scatter plot visualizes worldwide export values to the United States and China from 2000 to 2016, with each circle representing a country’s annual exports. The data comes from a CSV file loaded via `d3.csv`, and the chart uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to render axes with abbreviated tick labels. Circles are drawn as SVG elements with a fixed radius, while axis labels and the title are added as SVG text. The visualization shows the relationship between exports to the two major economies, with overlapping red circles indicating similar values.

88% match

Project

This scatter plot visualizes annual export values from 2000 to 2016, comparing shipments to the United States against those to China, with each point representing a country-year observation. The chart uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes with abbreviated number formatting, while circles are rendered via SVG. Data comes from a CSV file loaded with `d3.csv`, and the code explicitly converts six country columns to numeric values before plotting. Red, semi-transparent circles reveal overlapping data density, with labeled axes and a title indicating the export comparison.

85% match

Scatter Plot with Menu

This scatter plot visualizes worldwide export values to the United States and China from 2000–2016, with each circle’s color encoding the export indicator category. A legend identifies the categories, and axis labels clarify the compared countries. Built with d3.csv, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal, the SVG renders points with a categorical color scheme. Data is loaded from a hosted CSV file, and circles use fixed opacity for overlapping points.

85% match

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`.

84% match

Try one

A scatterplot compares export values to the United States versus China using a CSV dataset of worldwide exports from 2000–2016. Each circle’s color encodes an indicator description via d3.scaleOrdinal with schemeCategory10, with a legend and linear axes formatted using d3.format. The visualization is rendered as an SVG using d3.select, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom, with a title and labeled axes.

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.

Try one

This scatterplot visualizes worldwide export values to the United States and China, with each circle colored by indicator type. The chart uses D3 v5 scales and axes, including `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, to position points and format tick labels with `format(".2s")`. Data is loaded from a CSV file via the `csv` function, and circles are rendered as SVG elements with a legend built using `color.domain()`. The y-axis and x-axis labels identify the two destination countries, while a title summarizes the comparison.

Scatter Plot with Menu

This scatter plot visualizes worldwide export values to the United States and China, with each circle colored by its indicator category. A legend identifies the categories. The visualization uses d3.csv to load the dataset and d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal with schemeCategory10 for encoding. The SVG rendering includes axis labels, a title, and grid lines via tickSize, with legends positioned using SVG groups and rectangles.