d3 = require("d3", "d3-geo-projection", "d3-geo-polygon")
{
let svg = viz.create({ projection: d3.geoDodecahedral() });
svg.outline();
svg.path({ datum: world, fill: "#316585", fillOpacity: 0.3 });
svg.graticule({ stroke: "white", step: 30 });
return svg.render();
}
{
let svg = viz.create({
projection: d3.geoAzimuthalEquidistant(),
width: 700
});
svg.outline();
svg.path({ datum: world, fill: "#316585", fillOpacity: 0.3 });
svg.graticule({ stroke: "white", step: 30 });
return svg.render();
}
{
let svg = viz.create({
projection: d3.geoAzimuthalEquidistant().rotate([0, -90]).clipAngle(150),
width: 700
});
svg.outline();
svg.path({ datum: world, fill: "#316585", fillOpacity: 0.3 });
svg.graticule({ stroke: "white", step: 30 });
return svg.render();
}
{
let svg = viz.create({
projection: d3.geoOrthographic().rotate([-30, -30]),
zoomable: "versor",
width: 500
});
svg.outline();
svg.path({ datum: world, fill: "#316585", fillOpacity: 0.3 });
svg.graticule({ stroke: "white", step: 30 });
return svg.render();
}
viz = require("geoviz@0.7.2")
bertin = require("bertin")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
