Skip to main content
SimilarExport ZIP
100%

Ad Valorem Tariff Rates by Country Choropleth

✓ Published2🌍 Public
CCurran Kelleher
Last edited Apr 3, 2025
Created on Apr 3, 2025

This choropleth map visualizes ad valorem tariff rates across countries, using a blue color scale with quantile-based bins to distinguish rate magnitudes. Hovering over a country displays its tariff rate in a tooltip, and clicking a country highlights it while dimming others. The map supports zooming and panning, plus a legend showing the color scale ranges. The visualization loads data from a TSV file and world map GeoJSON, rendered using D3.js `geoPath`, `geoNaturalEarth1`, `scaleQuantile`, and `schemeBlues`, all orchestrated within a React application.

AI-generated description

Ad Valorem Tariff Rates Choropleth Map

This visualization displays a choropleth map of Ad Valorem Tariff Rates by country.

Features

  • Interactive choropleth map showing tariff rates across countries
  • Color scale based on quantiles
  • Hover tooltips showing specific tariff rate information
  • Click to highlight specific countries
  • Zoom and pan functionality
  • Legend showing the color scale ranges
MIT Licensed

Similar vizzes

Loading thumbnail…

Ad Valorem Tariff Rates by Country

This interactive bar chart displays ad valorem tariff rates by country, sorted in descending order, with clickable bars that highlight selected countries and dimmed others. The visualization uses React for state management and layout, while D3 v7 handles data loading, scales, and rendering. A ResizeObserver tracks container dimensions to redraw the SVG responsively. Hovering over bars reveals a tooltip showing the country and its exact tariff percentage, populated from TSV data.

CCurran Kelleher
87% match
Loading thumbnail…

Ad Valorem Tariff Rates by Country

This interactive bar chart displays ad valorem tariff rates by country, sorted in descending order, with clickable bars that highlight selected countries and dimmed others. The visualization uses React for state management and layout, while D3 v7 handles data loading, scales, and rendering. A ResizeObserver tracks container dimensions to redraw the SVG responsively. Hovering over bars reveals a tooltip showing the country and its exact tariff percentage, populated from TSV data.

CCurran Kelleher
87% match
Loading thumbnail…

Ad Valorem Tariff Rates by Country

This interactive bar chart displays ad valorem tariff rates by country, showing U.S. reciprocal tariff percentages applied to imports from 53 nations. The data, sourced from an April 2025 Reed Smith LLP article, is rendered through a React app using D3.js v7. The visualization employs `scaleBand`, `scaleLinear`, and D3 axes with rotated country labels, gridlines, and hover-activated tooltips via D3 selections. Bars transition opacity and color when clicked, allowing users to highlight specific countries while comparing rates from 11% to 50%.

CCurran Kelleher
84% match
Loading thumbnail…

Chloropleth Map

This choropleth map displays countries colored by economic classification, with a color legend positioned in the lower-left corner and hover interactions that highlight individual nations. The visualization uses D3 v5 with d3.geoNaturalEarth1 for projection and d3.geoPath for rendering geographic features, while d3.zoom enables pan and zoom functionality. TopoJSON and TSV data from the world-atlas package populate the map, with d3.scaleOrdinal mapping economy categories to a spectral color scheme. SVG elements render all visuals, and the legend uses custom D3 scales and tick marks for clarity.

AAdrian Tan
74% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using a red-blue ordinal color scale, with a zoomable Natural Earth projection rendered as SVG paths. It loads world country boundaries from the World Atlas TopoJSON dataset and joins them to TSV metadata by ISO country code. The map includes an interactive color legend built with custom D3 selections, and uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal with schemeRdBu. Hovering highlights individual countries, and a title tooltip shows each country’s name and income group.

AAdrian Tan
74% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by income group using a diverging red-blue ordinal scale, with a zoomable Natural Earth projection and a color legend built from custom SVG circles. The visualization loads world country boundaries from TopoJSON and joins them to TSV metadata, then renders each nation as a styled SVG path with hover highlighting. It uses d3.geoPath, d3.geoNaturalEarth1, d3.zoom, and d3.scaleOrdinal with the schemeRdBu palette, while the legend is implemented as a reusable module.

AAdrian Tan
74% match
Loading thumbnail…

Choropleth Map

This choropleth map colors countries by economic classification using an ordinal color scale with a spectral scheme. Hovering highlights a country in red, and the map includes a legend showing color categories. Built with D3 v5, it uses `geoPath` with the Natural Earth projection and loads geographic data from the world-atlas TopoJSON and TSV files. The visualization supports zooming via D3's zoom event and renders as an SVG.

AAdrianTNare
73% match
Loading thumbnail…

Choropleth Map

This choropleth map visualizes countries colored by their economic classification, using a spectral color scale to distinguish categories. The map renders geographic boundaries as SVG paths via `d3.geoPath` and a Natural Earth projection. Data is loaded from the World Atlas TopoJSON and TSV files, merged by country ID, then assigned to the `d3.scaleOrdinal` color scale. A custom legend shows color swatches with labels, and hovering highlights individual countries in red. Interaction includes zoom and pan through the `d3.zoom` event, which applies an SVG transform.

CCurran Kelleher
73% match