Published
Edited
Nov 12, 2021
1 star
Also listed in…
API
Insert cell
Insert cell
Insert cell
SingUI = import('https://unpkg.com/singui@0.2.2-alpha.1/src/main.js?module')
Insert cell
{
const {build} = SingUI.browser()
const app = ()=> build(({tags, text, attach, attr, prop}) => {
const {h1, center, p} = tags
center(() => {
h1(() => {
attr.style = 'font-weight: 300'
text('Hello World!')
})
})
p(() => {
const style = prop.style
style.color = 'green'
style.textAlign = 'center'
text('Welcome to SingUI')
})
return attach
})

const myApp = app()

myApp(out)
}
Insert cell
out = html`<body/>`
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