viewof text = Inputs.text()
text
viewof name = Inputs.text({label: "Name", placeholder: "Enter your name", value: "Anonymous"})
name
viewof signature = Inputs.text({label: html`<b>Fancy</b>`, placeholder: "What’s your fancy?"})
viewof password = Inputs.password({label: "Password", value: "open sesame"})
password
viewof email = Inputs.text({type: "email", label: "Email", placeholder: "Enter your email"})
[email, viewof email.checkValidity()]
viewof query = Inputs.text({label: "Query", placeholder: "Search", submit: true})
query
capitals = FileAttachment("us-state-capitals.tsv").tsv({typed: true})
viewof state = Inputs.text({
label: "U.S. state",
placeholder: "Enter state name",
datalist: capitals.map(d => d.State)
})
state
viewof fixed = Inputs.text({label: "Fixed value", value: "Can’t edit me!", disabled: true})
fixed
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.
