British Isles
Combining several choropleths via layers.
license: Apache-2.0 |
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<script src="http://cdn.rawgit.com/hpcc-systems/Visualization/v1.14.0-rc2/dist-amd/hpcc-viz.js"></script> | |
</head> | |
<body style="padding:0px; margin:0px; overflow:hidden"> | |
<div id="placeholder" style="width:100%; height:100vh"> | |
</div> | |
<script> | |
require(["src/map/Layered", "src/map/TopoJSONChoropleth", "src/map/Graticule"], function (Layered, TopoJSONChoropleth, Graticule) { | |
var widget = new Layered() | |
.target("placeholder") | |
.layers([ | |
new TopoJSONChoropleth().region("GB").opacity(0.75).meshStrokeWidth(0.75), | |
new TopoJSONChoropleth().region("ND").opacity(0.75).meshStrokeWidth(0.75), | |
new TopoJSONChoropleth().region("IE").opacity(0.75).meshStrokeWidth(0.75), | |
new Graticule().opacity(0.25).meshStrokeWidth(0.75) | |
]) | |
.projection("orthographic") | |
.centerLat(55) | |
.centerLong(-5) | |
.zoom(20) | |
.render() | |
; | |
}); | |
</script> | |
</body> | |
</html> |