Published
Edited
Mar 19, 2020
{
const progress = html`
<div style="position: absolute; padding-top: 2px; left: 0; bottom: 0; top: 0; right: 0; text-align: left; background: rgba(255, 255, 255, 0.6); color: #679; font-size: 20px;">
<strong>Tracing, please wait...</strong>
</div>
`;
const svg = d3.create("svg");
draw(svg, traces);
svg.attr("height", 130);
return html`
<div style="position: relative; width: ${width}; overflow-x: scroll; overflow-y: hidden; text-align: center;">
${done ? "" : progress}
${svg.node()}
</div>
`;
}
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.
