The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Published
Edited
Feb 10, 2022
4 stars
component()
function ObsComponent() {
return class ObsComponent extends HTMLElement {
constructor() {
super();
const contentType = this.getAttribute("type") ? this.getAttribute("type") : "";
const root = this.attachShadow({mode: "open"});
root.innerHTML = `
<style>
${styles}
</style>
<div class="container">
<h3>Web Component</h3>
</div>
`;
}
}
}
debug = true
component = function(type) {
const tagName = "obs-component" + (debug ? Math.random() : "");
if (customElements.get(tagName) === undefined) {
customElements.define(tagName, ObsComponent());
}
return html`<${tagName} type="${type ? type : ''}"/>`
}
styles = `
.container {
background: magenta;
}
`
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.
