Published
Edited
Feb 1, 2021
2 forks
html`<style>
.normal {
mix-blend-mode: normal;
}
.multiply {
mix-blend-mode: multiply;
}
.screen {
mix-blend-mode: screen;
}
.none {
filter: none;
}
.blur {
filter: blur(2px);
}
.grayscale {
filter: grayScale(1);
}
</style>
`
relief = new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'https://cyberjapandata.gsi.go.jp/xyz/relief/{z}/{x}/{y}.png',
attributions: '国土地理院',
}),
})
cjstd = new ol.layer.Tile({
className: `${blend} ${filter}`,
source: new ol.source.XYZ({
url: 'https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png',
attributions: '国土地理院',
}),
})
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.
