Pack and unpack tabular dataLocation InputForeignObject exporting issueConvert observable code to normal JavascriptPersistent Select InputContinent SelectorInputs in gridGroupBy we deserve 🦇Matrix InputFetcher usageComments on notebooksData driven range slidersObservableHQ built in datasetsUtils UsageStylesFetcherInstant Data Visualizer
Utils
module = import(`https://api.observablehq.com/${id}.js`)
id = {
yield document.referrer.replace('https://observablehq.com/','');
/*
for(var i=0;i<Infinity;i++){
yield Promises.delay( 100, document.referrer.replace('https://beta.observablehq.com/',''))
}
*/
}
dependencies ={
return dot`digraph "${id||"@bumbeishvili/utils"}" {
rankdir = RL;
${module.default.modules[0].variables
.filter(v => !v.from) // Don’t graph dependencies of imports.
.filter(v => v.name)
.map((v, i) => {
const inputs = v.inputs || [];
const name = v.name || `#${i}`;
return inputs.map(input => `"${input}" -> "${name}"`).join("\n")
})
.join("\n")}
}`
}
import {createContinentSelector} from "@bumbeishvili/continent-selector"
continentSelector = createContinentSelector
group([{name:'David',age:20,point:20},
{name:'George',age:20,point:50},
{name:'George',age:21,point:40},
{name:'David',age:20,point:30}]
)
.by(d=>d.name,d=>d.age)
.run()
group = groupF
rangeSlider = barRangeSlider
import {barRangeSlider} from "@bumbeishvili/data-driven-range-sliders"
comments = disqussCodePart;
import {disqussCodePart} from "@bumbeishvili/comments-on-notebooks"
import {inputsGroup} from "@bumbeishvili/input-groups"
inputsGrid = inputsGroup
import {persistentSelectImpl} from "@bumbeishvili/persistent-select-input"
persistentSelect = persistentSelectImpl
import {collapsedCSS} from '@j-f1/css-template-tag'
css = collapsedCSS
style = collapsedCSS
import {wrangleF} from "@bumbeishvili/wrangle"
wrangle = wrangleF
import {load} from "@bumbeishvili/fetcher"
import {transformFlatHierarchy} from "@bumbeishvili/extract-empty-hierarchy-from-flat-data"
import { MultiSelectImpl } from "@bumbeishvili/observable-multiselect-input"
MultiSelect = MultiSelectImpl
import {dot} from "@mbostock/graphviz"
import {groupF} from "@bumbeishvili/group"
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.
