Designer, Artist, Researcher, Educator @sugi2000lab .
co-translator for Japanese edition of “Generative Design” and “Code as Creative Medium”.
map = new Map([["foo", 1], ["bar", 2]]) // Mapを作成
// Mapから要素を作成
circles = d3
.create("svg")
.selectAll("circle")
.data(map)
.join("circle")
circles.size()
// セレクションのデータからMapを作成
new Map(circles.data())
d3 = require("d3@6")
// 黄色とピンクのハイライトつきのmarkdown
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>'
);
}
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.
