As much I try to like this project, still, something feels clunky. I am an avid user of Jupyter Notebooks for prototyping and code sharing in data science / deep learning.

Fir JavaScript (and D3.js in particular), still - I don't have a default go-to solutig. Gist -> blocks? GitHub and and a standalone page? JSFiddle or CodePen? Observable? (I would love to be convinced to one or the other approach.)

My main concerns with observable are:

1. Unlike Jupyter notebook, the code is non-linear. Very often it refers to some pieces.

2. It takes some clicking to reveal the code. (Also, maybe a Jupyter habits, but I am used to results below code.)

3. I am still not sure what is the full syntax besides JavaScript and Markdown.

4. I am not sure if it is easy (or possible) to backup / self-host the code. (Pretty much a requirement to make sure a project won't disappear in a few years.)

BTW: Once I gave Obserbavle a try, https://observablehq.com/@stared/tree-of-reddit-sex-life (and it got really popular here: https://news.ycombinator.com/item?id=19640562).