Interactive Map: The Flow of International Trade
visualcapitalist.com
visualcapitalist.com
It makes me want to play around with the data [1] myself, although getting all the data looks a bit involved. And it's not an easy visualization, either. Not only is there a geometry problem and a dimensional problem, it looks like countries might import from and export to the same country in the same type of good. In 2015 for "26 - Ores, slag, and ash", apparently the UK imported $187m from Canada and exported $155m to Canada. (But maybe the units are $1k, as the UK importing $2+ billion total seems a bit low?) Not only does that seem a little counter-intuitive--what ores is the UK even mining, let alone exporting? Anyway, representing both directions seems challenging.
Perhaps if each color had its own location on each country's map? This would add confusion, in that folks might thing the location is where the good comes from ("Why is wheat coming out of Virginia?"), but it would allow seeing that (say) Mexico exports "X" times more food to the USA than the other way around.
Better approach will be combine d3 with reactive js like React/Vuejs for dynamic data
This is a globe https://bl.ocks.org/mbostock/ba63c55dd2dbc3ab0127
then just provide/change the data
Both the BlueShift examples and the graphic on this page are loading d3 as well, so it's likely BlueShift is building on d3 in some way.