Web developer and autodidact with an interest in creative coding.
Published
Edited
Dec 31, 2021
Importers
37 stars
Runtime Wrapper for AuthoringDuckDBClient with DuckDB 1.1.1Import All The Things!Extracting a Notebook's Table of ContentsCustom InspectorsDynamic Notebook ImportsHandling Multiple Require InstancesSnap A Slider To ValuesButton Up!Deconstructing a NotebookInspect PropertiesSide EffectsChecking a version's publish dateD3 Gallery IndexEnvironmentHow To List FileAttachments DynamicallyAccessing a Notebook's RuntimeSortable Notebook ListWhat has viewof ever done for us?!Monitoring EventsMutable FormsDisplaying ProgressVersion Pinning for NotebooksUsing CodePens in ObservableOldstyleDynamic Notebook LinksNotebook Version UUIDTitle TransliterationRecently Published NotebooksSignature - A Documentation Toolkit
Efficient Responsiveness
Also listed in…
Widgets and helpers
width_between_600_and_1000px = matchMedia('(min-width: 600px) and (max-width: 1000px)')
// View on a touch device (or enable the device toolbar in your browser's dev tools) to set to false
has_fine_pointer = matchMedia('(any-pointer: fine)')
// Click the button below to set the notebook iframe to fullscreen. Note that editors are not included.
is_fullscreen = matchMedia('(display-mode: fullscreen)')
function matchMedia(query) {
return Generators.observe(notify => {
const list = window.matchMedia(query);
const onchange = e => { notify(e.matches) };
list.addEventListener('change', onchange);
notify(list.matches);
return () => list.removeEventListener('change', onchange);
});
}
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.
