Code
Grab the code below for Jekyll or any other CMS:
<div id="visual"></div>
<script type="module">
// NOTEBOOK CONFIGURATION
import notebook from "https://api.observablehq.com/@fil/tissots-indicatrix.js";
const target = document.querySelector("#visual");
const renders = {
"viewof p": "p",
"display": "div.fullwidth",
};
// BOILERPLATE
import {Inspector, Runtime} from "https://unpkg.com/@observablehq/notebook-runtime@2?module";
for (let i in renders) {
let s = renders[i], a = s.match(/^\w+/);
if (a) {
renders[i] = document.createElement(a[0]);
target.appendChild(renders[i]);
if (a = s.match(/\.(\w+)$/))
renders[i].className = a[1];
}
else
renders[i] = document.querySelector(renders[i]);
}
Runtime.load(notebook, (variable) => {
if (renders[variable.name]) {
return new Inspector(renders[variable.name]);
} else {
// return true; // uncomment to run hidden cells
}
});
</script>
Or see similar How-tos for :
Posts
UMAP in Aframe
Aframe test
Aframe GeoJSON test
Circular Binary Logarithms
Overpass
tf-tsne
Histograms
Tissot’s indicatrix
Fisheye
Video contouring
Breakout
Vega Embed
subscribe via RSS