Published
Edited
May 20, 2022
Also listed in…
Tips and Utilities
Insert cell
Insert cell
Insert cell
Insert cell
ReefImport = import('https://unpkg.com/reefjs@11.0.1/dist/reef.es.min.js?module')
Insert cell
Reef = ReefImport.default
Insert cell
Insert cell
<div id="app"></div>
Insert cell
app = {
let today = new Date();
let app = new Reef('#app', {
data: {
greeting: 'Hello',
name: 'world',
time: today.toDateString()
},
template: function (props) {
return `<h1>${props.greeting}, ${props.name} at ${props.time} !</h1>`;
}
});
yield app;
}
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