This is a personal passion of mine… sharing work and making it accessible. I basically found myself diving into jupyterhub and dev-ops to help answer this since it appears to do exactly that: run python (or other) code (safely) and display something in a browser.
I used nbinteract and voila, which both have relative advantages. Here is what embedding nbinteract widgets looks like on a static website: regularization. Only problem is that binder is quite slow to react, but I believe I can link it to a jupyter kernel on a rented server to speed it up.
I like the ability to embed the notebook (literally this was just a notebook and then I scraped the header html away) within the style of my website, widgets and all. Here is another little example made with nbinteract, but keeping the default styles: biz.mathfight.club
Using Dash to create pages is way prettier, but it’s a learning curve… This can go from prototype to website in no time. Thebelab was cool but I had some trouble getting it to work as expected with widgets.
That book is by far the cleanest standalone implementation. But when writing blogs, I prefer to hide the code, so my personal use-case is a bit more dashboard-y.