Design and coding @fastforwardlabs. Lately interested in grids. Continually interested in simulations. He/him.
me = await new Promise((resolve, reject) => {
const img = new Image();
img.onload = () => {
mutable aspect = img.width/img.height
resolve(img);
}
img.onerror = reject;
img.crossOrigin = "";
img.src = "https://avatars0.githubusercontent.com/u/679386";
})
mutable aspect = null
html`<style>.custom-font { font-family: '${font}' }</style>`
mutable font_loaded = false
{
var font = new FontFaceObserver(`${font}`, {
weight: 400
});
font.load().then(function () {
mutable font_loaded = true
}, function () {
console.log('Font is not available');
});
return 'font face observer set-up'
}
html`<link href="https://fonts.googleapis.com/css?family=${font.replace(' ','+')}" rel="stylesheet">`
FontFaceObserver = require('https://bundle.run/fontfaceobserver@2.1.0')
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.
