British Isles

Combining several choropleths via layers.

<!doctype html>
<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