📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
Published
Edited
Feb 12, 2022
2 stars
Hello, Smart Shape!Hello, messagepipe!Hello, Atomico!Hello, Markdown-Tag !Hello, js-sdl!Hello Trivia API!Hello auto-animate!Hello, papa parse!Hello, lazy.js!Hello, mout!Hello, sugar js!Hello, lil-gui!Hello, owoify-js!Hello, Maverick JS -> Observables!Hello, Canvas Confetti!Hello, OWL!Hello, Bunny Fonts!Hello Color JS!Hello, Kute.js !Hello Color Legend Element!Hello, is-online!Hello, pretty-ms!Hello, Liveblocks!Convex ChatHello, filesize.js!Hello, SVG.jsHello, Counter-element!Hello, Ramda!Hello, Block Protocol!Hello, Reef!Hello, Croquet!Hello, Markdoc!Hello, Multiavatar!Hello, Tableful!Hello, kdl-jsHello, Wild Wild Path!Hello, Lexical!Hello, Statery!Hello, pdfme!Shuffle an ArrayHello, PikasoHello, Miniplex!Hello, CandyGraph!Hello, Supabase!Hello, Embla Carousel!Hello, core-js!Hello, umbrellajsHello, pintoraSkypack PixijsHello, sortablejsHello, JS-YAMLTesting bitECS for TempestHello jService!Hello, iro.jsHello, SplideHello, Cosmic JSHello, singuiKaboom JS TemplateHello, JSPDFHello, Awesome Dev JokesRandom DAD JokeHello, model-viewerThe OracleTarot UtilitiesHello, lokiJSHello, cash ( cash-dom )Hello, Dice RollerHello, Slide-ElementHello, tsParticlesKaboom - dynamic valuesHello Lit.devHello, Melon JSHello Kontra
Hello, tinybase
Also listed in…
Tips and Utilities
TinyBase = require('tinybase@1.1.0/lib/umd/store.js')
store = {
const store = TinyBase.createStore();
store.setCell('t1', 'r1', 'c1', 'Hello World');
store.setTable('pets', {fido: {species: 'dog'}})
.setCell('pets', 'fido', 'color', 'brown')
.setCell('pets','poochy', 'species', 'mut');
yield store
}
output = html`
<div>
${store.getCell('t1', 'r1', 'c1')}
</div>
`
{
store
}
query = store.getRow('pets', 'fido')
viewof table = Inputs.table([query], {})
petsTable = store.getTable('pets')
viewof button = Inputs.button("Click me", {
reduce: () => {
store.forEachRow('pets',(rowId, forEachCell ) => {
console.log('rowId', rowId);
forEachCell((cellId)=> {
mutable results += `<div>[row: ${rowId} --> ${cellId}]</div>`
console.log(cellId)
});
});
}});
mutable results = `res`
html`${
results
}`
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.
