Published
Edited
Aug 6, 2018
1 fork
3 stars
Insert cell
Insert cell
html `<div id="grid" style="position:relative; width:${Math.min(600, width)}px; height:400px"></div>`
Insert cell
grid = showData(data, document.querySelector('div#grid'))
Insert cell
function showData (data, gridDiv) {
return new window.fin.Hypergrid(gridDiv, {data: data});
}
Insert cell
data = d3Fetch.json('https://fin-hypergrid.github.io/core/demo/data/basic.json')
Insert cell
Hypergrid = require('https://fin-hypergrid.github.io/core/demo/build/fin-hypergrid.js').catch(() => window.fin.Hypergrid)
Insert cell
d3Fetch = require("d3-fetch@1.1.0")
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