Designer, Artist, Researcher, Educator @sugi2000lab .
co-translator for Japanese edition of “Generative Design” and “Code as Creative Medium”.
Published
Edited
Apr 11, 2022
mdh`Sample
~~~
___yellow___
aaa ~~~pink~~~ bbb
===transparent===
~~~
`
// markdown with yellow and pink highlights
mdh = {
const hljs = window.hljs || (await require("@observablehq/highlight.js"));
return function () {
const node = md(...arguments);
for (const fragment of node.querySelectorAll("code")) {
hljs.highlightBlock(fragment);
fragment.innerHTML = fragment.innerHTML.replace(
/___(.*?)___/g,
"<mark>$1</mark>"
);
fragment.innerHTML = fragment.innerHTML.replace(
/~~~(.*?)~~~/g,
'<mark style="background:pink">$1</mark>'
);
fragment.innerHTML = fragment.innerHTML.replace(
/===(.*?)===/g,
'<mark style="color:transparent;background:transparent">$1</mark>'
);
}
return node;
};
}
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.
