Hello ! amazing :slight_smile: one question: let say I finish my awesome notebook with a nice viz as result. is there a way to save a .js file with the code ?

Folks, as you may have seen, we launched embeddable Observable notebooks this morning, and open-sourced the notebook-runtime. On your published (or shared) notebooks, you’ll now find “ES module” and “Download tarball” links, which provide the notebook compiled down to an ES module, with all of its notebook dependencies bundled. You can then run the notebook on your own website, or on Node.js, and observe specific variables — rendering them to the DOM, or doing something else computationally interesting with them. For the full details, see the introduction here: [image] Downloading and Embedding Notebooks An Observable notebook. This is a first stab at a minimal API for these, and I’m hoping to hear more from the folks in this thread about how we can improve it to make them more useful. NB: @bumbeishvili — you’re quite right about wanting to hide some variables. By default, loading a notebook into the Runtime does nothing, and no cells are evaluated. You opt-in by attaching observers to the cells you’re interested in, and only those cells (and the cells that they depend on) will begin evaluation, reporting their values.

@GordonSmith That error is not related to this thread. The issue is that the library you are requiring (the HPCC Visualization Framework tries to access localStorage within your notebook, and because notebooks are sandboxed, you get a security error. Notebooks currently share a domain (static.observableusercontent.com), so we can’t add enable allow-same-origin in the sandbox; see Jeremy’s post. A fix for this problem would be to change the HPCC library to only use localStorage if allowed. That is, the library should catch and handle the security error. In the future, we might offer separate domains for notebooks so that we can enable allow-same-origin. But for now localStorage (and cookies, and sessionStorage) are off limits from within notebooks.

Thanks for the info. I didn’t think that library accessed local storage (I am the author) but a dependency might be. Am also surprised its being accessed during the require as these modules should be “pure”. (found it - loaded each dependency one at a time…)

Glad to hear you are planning to open source the runtime! I think this is an important step in order to qualify for open scientific workflows. As far as export is concerned: We are working on a spec (+ tools) for language-agnostic reproducible publications. The overall goal is to enable submissions to scientific journals. We’d be happy to consider a workflow for turning Observable notebooks into full-fledged journal submissions (including abstract, bibliography etc.) and later be able to run the code directly on a journal’s website. We recently did a community webinar, so if u’re interested you can watch a few minutes of demos and intros.

you can save your notebook as a JavaScript bundle and run it outside of Observable @mbostock does “bundle” here mean something more like a compiled executable, a source file, or maybe a bit of both? I’ve been wondering about (some day) being able to hack on scripts/tools that could consume or produce notebooks.

I don’t exactly understand where Observable is saving/hosting notebooks? Are they versioned / can we see edit history? Are they in a git repository (or can they be put into one)? Is there a file format for notebooks (or maybe a multi-plain-text-file-in-a-directory format)? Maybe this should be a new topic, but I would really love to be able to edit notebooks in my own text editor, push changes to github, and see updates in the online browser version (and vice versa). IDEs / text editors could have an observable mode created to integrate an offline runtime, etc. Basically, if it’s a plain text format built on regular files in a directory, then I can use whatever tools I want, and am not stuck in a browser. If not, I have to put in more manual work to copy/paste between local files and little browser text boxes.

watched your video and checked webpage. Indeed Observable looks like the right solution for literate publication, particularly when import/export, open source runtime etc is available. looks like that would also allow to engage Observable’s runtime from a gh-page.

[image] mbostock: We’re also looking at implementing Service Workers so that you can use Observable entirely offline. this sounds fantastic! I guess this would also allow us to develop observable notebooks as gh-pages.

This would really awesome. Talking use cases, I think it would be benificial to enable at least two kinds of exports: not just (1) a javascript bundle with all the newest javascript bundling details that modern web developers are into, for coders, but also (2) a ‘immediately usable blog-post’ kind of export, say with a html file included that layouts a document somewhat like the original notebook (maybe including reacitivity, maybe without, I’m not sure). This would target not-yet-so-experienced javascript developers, teachers, visual coders not into the details of javascript packaging, etc.

Thank you for all of your great work!!! I found Observable when I was looking for a solution to integrate d3.js into tiddlywiki5 for its comfortable UI and standalone notebook style. So, question for the Wizards: is it a totally crazy idea trying to integrate the two system? I mean Observable and tiddlywiki5? Would their architecture allow trying it? Yours sincerely, CodeXmonk

Export final code?

Help

jojolosangeles March 3, 2018, 3:11pm 14

+1 Import/export a notebook would work for me as well, it is hard to work without version control.

View-only mode?

Topic		Replies	Views
Noob: Can you run your own Observable server Help	36	16224	October 26, 2021
Use of download code ? Help	19	5086	October 7, 2020
Feature request: Importing Observable module as an Observable notebook. Uncategorized	3	954	August 19, 2019
Try the new Observable today Announcements	76	1291	August 11, 2026
Feature request: import observablehq js notebook as New Feedback	2	528	August 29, 2018

Export final code?

Related topics