Public
Edited
Nov 27, 2024
core = await import("https://esm.sh/gh/kreijstal/fortune-sheet@0a324c04fd3")
{
var [defaultSettings, initSheetIndex, api] = [
core.defaultSettings,
core.initSheetIndex,
core.api
];
let container = html`<div>Fortune Sheet stuff here</div>`;
const settings = {
...defaultSettings,
container, // Pass the container to the settings
data: [{ name: "Sheet1" }]
};
// Activate the first sheet
//api.activateSheet(settings);
return container;
}
core
ReactDOM = await import("https://esm.sh/react-dom@18")
React = await import("https://esm.sh/react@18")
{
let { Workbook } = await import(
"https://esm.sh/@fortune-sheet/react?deps=react@18,react-dom@18"
);
let root = document.createElement("div");
ReactDOM.render(
React.createElement(Workbook, { data: [{ name: "Sheet1" }] }),
root
);
return root;
}
_ = import("https://esm.sh/lodash-unified")
_.isNil
FortuneSheet
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
/*{
const data = [
{
name: "Sheet1",
celldata: [
{ r: 0, c: 0, v: "A1" },
{ r: 0, c: 1, v: "B1" }
]
}
];
const workbookElement = React.createElement(FortuneSheet.Workbook, {
data: data,
onChange: (updatedData) => console.log("Data changed", updatedData)
});
const rootElement = document.createElement("div");
const root = ReactDOM.createRoot(rootElement);
root.render(workbookElement);
return rootElement;
}*/
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.
