Public
Edited
Mar 2, 2023
Insert cell
Insert cell
Insert cell
wordCloud
Insert cell
function set(input, value) {
input.value = value;
input.dispatchEvent(new Event("input", { bubbles: true })); // Native events bubble, so we should too
}
Insert cell
s = d3.scaleSqrt()
.domain([1, d3.max(data.map(d => d.value))])
.range([6, 82]);
Insert cell
html`<style type="text/css">

.click-only-text {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.click-only-text::selection {
background: none;
}

.word-default {
fill: cadetblue;
font-weight: normal;
}
.word-hovered {
fill: teal;
font-weight: bold;
}
.word-selected {
fill: darkslategrey;
font-weight: bold;
}

</style>`;
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more