Public
Edited
Oct 26, 2023
3 forks
104 stars
map = new Map([["foo", 1], ["bar", 2]]) // creates a Map
// creates elements from a Map
circles = d3
.create("svg")
.selectAll("circle")
.data(map)
.join("circle")
circles.size()
// creates a Map from a selection’s data
new Map(circles.data())
// 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>'
);
}
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.
