Dataflow
A self-hosted Observable notebook editor, with support for FileAttachments, Secrets, custom standard libraries, and more!
test.mp4
Examples
Here are some examples of Observable notebooked created and compiled with Dataflow, along with their original source:
Documentation
Check out https://alexgarcia.xyz/dataflow for documentation! Fun fact, this site is entirely build with Dataflow
Install
npm i -g @alex.garcia/dataflow
dataflow --help
dataflow run ./my-notebook.ojs
Background
Observable notebooks are reactive, JavaScript-based computational notebooks that run inside your browser. Dataflow is one of the first fully open-sourced and fully featured Observable notebook editors, with key differences that make it easier to integrate with other developer tools!
.ojs
files
Edit Notebooks in "Observable JavaScript" Dataflow notebooks are files on your computer, in the form of .ojs
files. A single .ojs
file is analagous to a single Observable notebook, and .ojs
files can import from other .ojs
files.
dataflow run my-notebook.ojs
will start a dev server at localhost:8080
that shows a live rendered look at a notebook defined in my-notebook.ojs
. Any update you make to the my-notebook.ojs
file from any text editor will instantly update.
Since notebooks are file-based, they can be easily version controlled (ie git) and appear alongside your other frontend code. Dataflow can also compile these notebooks with dataflow compile
to plain JavaScript ES modules, and generate HTML files that run a notebook locally.
Takes advantage of local development
Since Dataflow notebooks aren't ran in a sandboxed iframe, that means you can control every aspect to how a notebook looks. Include CSS and stylesheets to change the look of it, change favicons or document.title
, or access browser features not available for iframe like acessing Bluetooth devices or printing notebooks.
Dataflow also offers easy acess to your filesystem with file attachments. Instead manually uploading files, you can simple include a configuration comment in a notebook to the path of your FileAttachment, and Dataflow will be instantly available with the same FileAttachment
API as observablehq.com. You can also have "live" file attachments with LiveFileAttachment
, which updates everytime a file attachment's file updates, making it even faster to rapidily test different data sources. See documentation for Dataflow File Attachments for more.
Finally, since Dataflow is just another service that runs on localhost:8080
, you can build your own APIs and webservices that run local to your computer that Dataflow can access. You can build a proxy to your own database or query from local data apps with a little elbow grease!
Customizable
Dataflow aims to be extensible and customizable. Custom Standard Library make it easier to define new builtin cells for your notebooks, Secrets make it easier to pass in sensitive configuration, and working with "files as notebooks" mean you can bring in whatever text editor you want.
That being said, There's still a lot of room to make Dataflow more customizable! Custom styling, more importing options, and more compiling options are planned, so watch this repo for updates!
License
Dataflow is MIT licensed, and heavily relies on these ISC licensed libraries: