function DayDisplayer() {
const [day, setDay] = useState("Saturday")
return jsx`<div>
<h4>It is ${day}</h4>
</div>`;
}
function Schedule() {
const [day, setDay] = useState("Saturday")
return jsx`<p>${day == "Saturday" ? "Relax" : "Do not relax"}</p>`;
}
function App() {
return jsx`<div>
<${DayDisplayer} />
<${Schedule} />
</div>`;
}
function NameInput() {
return jsx`<input type="text" />`;
}
function NameDisplay() {
return jsx`<p></p>`;
}
function ParentComponent() {
const setName = (e) => { };
return jsx`<div></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.
