Skip to content

Instantly share code, notes, and snippets.

@Fil
Last active Aug 30, 2018
Embed
What would you like to do?
Urquhart graph of container ports
license: gpl-3.0

This map shows, on a Bertin projection, a selection of the largest container ports in the world. Their Urquhart graph is computed by d3.geoVoronoi and displayed in red geodesics.

(Re: the obvious geographical bugs: the dataset is composed only of the coordinates of ports and contains no knowledge of the shape of continents -- the network thus happily crosses through land.)

by Philippe Rivière, visionscarto.net.

Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.countries {
stroke: white;
stroke-width: 0.3;
opacity: 0.95;
fill: #aaa;
}
.polygons {
fill: rgba(220,220,220,0.3);
}
.links {
stroke: red;
stroke-opacity: 0.8;
stroke-width: 2;
fill: none;
}
</style>
<svg width="900" height="500"></svg>
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://d3js.org/topojson.v2.min.js"></script>
<script src="https://unpkg.com/d3-delaunay@4"></script>
<script src="https://unpkg.com/d3-geo-voronoi@1"></script>
<script src="https://unpkg.com/d3-geo-projection@2"></script>
<script>
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
svg = svg
.append('g');
d3.queue()
.defer(d3.csv, 'ports.csv')
.defer(d3.json, 'countries.topo.json')
.await(function (err, points, world) {
var features = topojson.feature(world, world.objects.countries).features,
sites = points
.map(function (e) {
return [+e.lon, +e.lat, e.name];
})
var v = d3.geoVoronoi()(sites),
polygons = v.polygons().features,
links = v.links().features;
var projection = d3.geoBertin1953();
path = d3.geoPath()
.projection(projection)
.pointRadius(1);
var g = svg.append('g')
.append('g')
.attr("class", "s");
var defs = g.append("defs");
defs.append("path")
.datum({
type: "Sphere"
})
.attr("id", "sphere")
.attr("d", path);
g.append("use")
.attr("xlink:href", "#sphere")
.attr("fill", "white");
defs.append("clipPath")
.attr("id", "clip")
.append("use")
.attr("xlink:href", "#sphere");
g.attr("clip-path", "url(#clip)")
// countries
countries = g.append('g')
.attr('class', 'countries')
.selectAll('path')
.data(features)
.enter()
.append('path')
.attr("d", path);
var poly = g.append("g")
.attr("class", "polygons")
.selectAll("path")
.data(polygons)
.enter().append("path")
.attr('opacity', 0.001)
.on('mouseover', function () {
d3.select(this)
.attr('opacity', 1);
})
.on('mouseout', function () {
d3.select(this)
.transition()
.attr('opacity', 0.001);
})
.attr("d", path);
poly
.append('title')
.text(function (d, i) {
return sites[i][2];
});
var link = g.append("g")
.attr("class", "links")
.selectAll("path")
.data(links.filter(function (d) {
return d.properties.urquhart;
}))
.enter().append("path")
.attr("d", path);
g.append("use")
.attr("class", "stroke")
.attr("xlink:href", "#sphere")
.attr("stroke", "black")
.attr("stroke-width", 3)
.attr("fill", "url(#grad1)")
.attr('pointer-events', 'none');
g.append("g")
.attr("class", "site")
.selectAll('path')
.data([null])
.enter()
.append('path')
.attr('d', function (d) {
return path({
type: "MultiPoint",
coordinates: sites
});
});
});
</script>
name lon lat
Dutch Harbour -166.5422 53.8898
Honolulu -157.8583333 21.3069444
Anchorage -149.9002778 61.2180556
Roberts Bank -123.1833333 49.0666667
Vancouver(CAN) -123.13 49.28
Tacoma -122.4442906 47.2528768
Seattle -122.3320708 47.6062095
Oakland -122.2711137 37.8043637
Los Angeles -118.2436849 34.0522342
Long Beach -118.1937395 33.7700504
Manzanillo(MEX) -104.3384616 19.1138094
Lazaro Cardenas -102.1943485 17.9567646
Altamira -97.9211555 22.4077462
Veracruz -96.1342241 19.173773
Barbours Cut -94.9977057 29.6818946
Puerto Quetzal -90.787778 13.920556
New Orleans -90.0715323 29.9510658
Santo Tomas de Castilla -88.6096575 15.6896526
Puerto Cortes -87.94 15.85
Puerto Limon -83.033333 9.983333
Jacksonville -81.655651 30.3321838
Savannah -81.0998342 32.0835407
Miami -80.1917902 25.7616798
Port Everglades -80.1246643 26.0937112
Charleston -79.9310512 32.7764749
Guayaquil -79.9223592 -2.1709979
Cristobal -79.901527 9.350599
Coco Solo -79.879913 9.368985
Balboa -79.56 8.94
Taboguilla Is. Anch. -79.5167829 8.8064281
Freeport(BHS) -78.64 26.54
Callao Anch. -77.1259843 -12.0508491
Buenaventura -77.070229 3.886611
Kingston(JAM) -76.8 17.983333
Baltimore -76.6121893 39.2903848
Portsmouth(VA USA) -76.2982742 36.8354258
Norfolk(USA) -76.2858726 36.8507689
Cartagena(COL) -75.5335769 10.41373
Philadelphia -75.1652215 39.9525839
Barranquilla -74.7970435 10.9642103
New York -74.0059413 40.7127837
Montreal -73.57 45.52
Bayport -73.0506656 40.7384317
Valparaiso -71.620361 -33.045646
San Antonio(CHL) -71.613065 -33.583647
Rio Haina -70.0173225 18.4253926
Caucedo -69.6308326 18.425741
Puerto Cabello -68.17 10.47
La Guaira -66.89 10.61
San Juan(PRI) -66.1057217 18.4663338
Halifax -63.61 44.67
Port of Spain -61.516667 10.666667
Point Lisas -61.4630653 10.4056994
Buenos Aires -58.3815931 -34.6037232
Montevideo -56.17 -34.87
Rio Grande(BRA) Anch. -52.1075802 -32.0353776
Navegantes -48.6550692 -26.8947924
Itapoa -48.6177384 -26.0713285
Paranagua -48.5229975 -25.5165725
Santos Anch. -46.3288865 -23.9678823
Sepetiba -43.7056394 -22.9674264
Rio de Janeiro -43.1728965 -22.9068467
Suape -38.612782 -12.73864
Salvador -38.502304 -12.9730401
Reykjavik -21.933333 64.133333
Dakar -17.3660286 14.7645042
Santa Cruz de Tenerife -16.2518467 28.4636296
Las Palmas -15.4362574 28.1235459
Lisbon -9.1393366 38.7222524
Sines -8.86 37.95
Vigo -8.7207268 42.2405989
Leixoes -8.6808176 41.1890177
Cork -8.4863157 51.8968917
Casablanca -7.5898434 33.5731104
Dublin -6.2603097 53.3498053
Tangier-Mediterranee -5.7635587 35.7821267
Algeciras -5.456233 36.1407591
Abidjan -4.033333 5.316667
Grangemouth -3.7227698 56.0097152
Liverpool -2.9915726 53.4083714
Bilbao -2.9349852 43.2630126
Tees -1.8041706 54.5791663
Southampton -1.4043509 50.9097004
Valencia -0.3762881 39.4699075
Immingham -0.215913 53.614012
Castellon -0.0513246 39.9863563
Tema Anch. 0.01 5.64
Le Havre 0.12 49.5
Tilbury 0.360498 51.463024
Thamesport 0.686924 51.433451
Lome Anch. 1.35 6.17
Felixstowe 1.351255 51.961726
Barcelona 2.0832941 41.297445
Dunkirk 2.3767763 51.0343684
Cotonou 2.433333 6.366667
Algiers 3.042048 36.752887
Zeebrugge 3.2 51.333333
Tin Can Is. 3.3451886 6.4327968
Apapa-Lagos 3.366667 6.45
Antwerp 4.4024643 51.2194475
Rotterdam 4.4777325 51.9244201
Moerdijk 4.6273499 51.7018167
Fos 4.945711 43.437882
Marseilles 5.36978 43.296482
Bremerhaven 8.5809424 53.5395845
Genoa 8.946256 44.4056499
Cagliari 9.1216613 39.2238411
La Spezia 9.8240826 44.1024504
Hamburg 9.9936818 53.5510846
Aarhus 10.203921 56.162939
Leghorn 10.3722477 43.5293029
Oslo 10.7522454 59.9138688
Pointe Noire(COG) Anch. 11.866362 -4.7691623
Gothenburg 11.97456 57.70887
Ravenna 12.2035294 44.4183598
Venice 12.3155151 45.4408474
Copenhagen 12.5683371 55.6760968
Helsingborg 12.6945121 56.0464674
Ancona 13.518915 43.6158299
Koper 13.7301877 45.548059
Trieste 13.7768182 45.6495264
Naples 14.2865792 40.8829943
Walvis Bay 14.508056 -22.956111
Marsaxlokk 14.544722 35.841667
Salerno 14.7680961 40.6824408
Misurata 15.092017 32.377533
Gioia Tauro 15.8988669 38.4262258
Cape Town 18.4240553 -33.9248685
Gdynia 18.5305409 54.5188898
Gdansk 18.6466384 54.3520252
Kaliningrad 20.516667 54.716667
Klaipeda 21.1442794 55.7032948
Rauma 21.5059588 61.1308422
Thessaloniki 22.9444191 40.6400629
Piraeus 23.6469832 37.9429857
Riga 24.1051864 56.9496487
Helsinki 24.9410248 60.1733244
Port Elizabeth 25.6 -33.958056
Ngqura 25.666667 -33.766667
Nemrut Bay 26.8381889 38.7402893
Izmir 27.12872 38.41885
Ust-Luga 28.276944 59.660278
Constantza 28.6320153 44.1688111
Ambarli 28.6730866 40.9660742
Evyap 28.92766 41.089101
Gemlik 29.1652303 40.4285523
Diliskelesi 29.519137 40.769507
Kronshtadt 29.7655452 59.9959303
Alexandria(EGY) Anch. 29.9187387 31.2000924
St. Petersburg 30.3350986 59.9342802
Odessa 30.7233095 46.482526
El Dekheila 30.7716308 30.7051537
Durban Anch. 31.0218404 -29.8586804
Damietta 31.8144434 31.4175388
Port Said 32.3018661 31.2652893
Limassol 33.0226174 34.7071301
Mersin Anch. 34.633333 36.8
Ashdod 34.655314 31.804381
Haifa 34.989571 32.7940463
Aqaba 35.0060842 29.5319199
Beirut 35.4954794 33.8886289
Iskenderun 36.165 36.5817
Novorossiysk 37.75 44.716667
Jeddah 39.172778 21.543333
Dar es Salaam Anch. 39.283333 -6.8
Mombasa 39.66 -4.04
Djibouti 43.145 11.588333
Aden 45.033333 12.8
Umm Qasr 47.929444 30.034167
Shuwaikh 47.9670892 29.3671914
Dammam 49.9777136 26.3926665
Doha(QAT) 51.5304368 25.2916097
Salalah 54.089722 17.019722
Jebel Ali Anch. 55.06116 25.01126
Sharjah 55.390833 25.3575
Bandar Abbas Anch. 56.2666455 27.1832216
Khor Fakkan 56.35 25.333333
Karachi 67.01 24.86
Port Muhammad Bin Qasim 67.0152682 24.8550065
Mundra Anch. 69.7213266 22.8395202
Pipavav 71.5341894 21.0120728
Kochi(IND) 76.2673041 9.9312328
New Tuticorin 78.1191813 8.795676
Colombo 79.85 6.93
Chennai 80.2707184 13.0826802
Jawaharlal Nehru Anch. 86.1737454 20.5760921
Kolkata 88.363895 22.572646
Chittagong 91.8 22.366667
Yangon 96.149722 16.780833
Belawan 98.694221 3.784303
Penang 100.3297612 5.414921
Bangkok 100.5017651 13.7563309
Laem Chabang 100.9158073 13.1040552
Port Klang Anch. 101.4086 3.005078
Sapangar Bay 101.975766 4.210484
Kuantan 103.333333 3.816667
Sihanoukville 103.5233963 10.6253016
Tanjung Pelepas 103.552088 1.363721
Singapore 103.8509491 1.2800945
Pasir Gudang 103.9029689 1.470288
Ho Chi Minh City 106.6588245 10.8184631
Haiphong 106.6880841 20.8449115
Jakarta Anch. 106.845599 -6.2087634
Da Nang 108.2021667 16.0544068
Fangcheng 108.3535 21.769212
Phu My 109.0475121 14.1770135
Kuching 110.345 1.56
Zhanjiang 110.359377 21.270708
Semarang 110.416667 -6.966667
Surabaya 112.7520883 -7.2574719
Bintulu 113.0419069 3.171322
Qianwan 113.2286722 22.1521666
Guangzhou 113.264385 23.12911
Nansha 113.525165 22.801624
Mawan 113.873825 22.491465
Shenzhen 114.057868 22.543099
Hong Kong 114.109497 22.396428
Fremantle 115.7471797 -32.0560399
Shantou 116.681972 23.354091
Xingang Anch. 117.7875 38.975833
Xiamen Anch. 118.089425 24.479834
Quanzhou 118.675676 24.874132
Lianyungang 119.221611 34.596653
Fuzhou 119.296494 26.074508
Fuqing 119.383811 25.720381
Makassar 119.4327314 -5.1476651
Kaohsiung Anch. 120.3014353 22.6272784
Qingdao 120.382612 36.067117
Taichung 120.6736482 24.1477358
Manila 120.97 14.62
Taicang 121.13055 31.457735
Yantai 121.447935 37.463822
Huangpu 121.4698984 31.1598268
Shanghai 121.473701 31.230416
Ningbo Anch. 121.54399 29.868336
Taipei 121.5654177 25.0329694
Dalian 121.614682 38.914003
Keelung 121.7391833 25.1276033
Beilun 121.844746 29.898908
Bayuquan 122.107814 40.230636
Weihai 122.12042 37.513068
Zhoushan 122.207216 29.985295
Cebu 123.9 10.32
Davao 125.63 7.11
Incheon 126.616936 37.476364
Pyeongtaek 127.1129451 36.9921075
Gwangyang 127.6958882 34.9406968
Busan Anch. 129.0756416 35.1795543
Ulsan 129.3113596 35.5383773
Hakata 130.4148783 33.5913576
Tanoura 130.516929 32.3595281
Vladivostok 131.9 43.133333
Vostochnyy 132.1 43.36
Hiroshima 132.4552927 34.3852029
Nakhodka 132.866667 42.816667
Fukuyama 133.3623127 34.4858993
Kobe 135.1955112 34.690083
Osaka 135.5021651 34.6937378
Yokkaichi 136.6244847 34.9651567
Mizushima 136.9015148 36.6387419
Nagoya 136.906398 35.1814464
Fushiki-Toyama 137.057263 36.7906316
Shimizu 138.4895275 35.0158879
Adelaide 138.5999594 -34.9286212
Niigata 139.0364126 37.9161924
Yokohama 139.6380256 35.4437078
Tokyo 139.7319925 35.7090259
Sendai-Shiogama 141.0220272 38.3143623
Tomakomai 141.6053721 42.6343021
Melbourne 144.96328 -37.814107
Botany Bay 151.175278 -33.9930374
Brisbane 153.0234489 -27.4710107
Lyttelton 172.7193227 -43.6032583
Auckland 174.7633315 -36.8484597
Tauranga 176.1651295 -37.6877975
Napier 176.9120178 -39.4928444
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment