Web developer and autodidact with an interest in creative coding.
Published
Edited
Sep 18, 2022
Importers
5 stars
md`
> For example, ${await link('@martien/abc')} does not exists, while ${await link('@martien/x-matrix')} does exist.
`
md`
> For example, ${linkDelayed('@martien/abc')} does not exists, while ${linkDelayed('@martien/x-matrix')} does exist.
`
async function exists(slug) {
return fetch(`https://api.observablehq.com/${slug}.js`, {method: 'HEAD'})
.then(r => r.ok).catch(() => false);
}
async function link(slug) {
return exists(slug).then(r => r ? html`<a href="/${slug}">${slug}` : slug);
}
function linkDelayed(slug) {
const el = html`<a>${slug}`;
exists(slug).then(found => { if(found) el.href = `/${slug}` });
return el;
}
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.
