British Isles
Combining several choropleths via layers.
xxxxxxxxxx
•
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/gh/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>
Modified http://cdn.rawgit.com/hpcc-systems/Visualization/v1.14.0-rc2/dist-amd/hpcc-viz.js to a secure url
https://cdn.rawgit.com/hpcc-systems/Visualization/v1.14.0-rc2/dist-amd/hpcc-viz.js