input.dispatchEvent(newEvent("input",{bubbles:true}));// Native events bubble, so we should too
}
s=d3.scaleSqrt()
.domain([1,d3.max(data.map(d=>d.value))])
.range([6,82]);
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>`;
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.