Mostly I don’t mind the WordPress Gutenberg editor, but this was a real pain in the ass.
First, you need a new “block.” It needs to be a regular paragraph block, NOT a code block. Code blocks are for writing code.
Then you need to turn on “Add Custom HTML” for that block.
Then you take the embed code from your gist (see image below), including the script tags, and paste it. There is no WordPress embed option for gists. Do not waste your time Googling for how to embed a gist, as I did.
Now you’ll have a proper gist embed in your WordPress post.
Clarification: It’s not a pain in the ass once you know this is the way to do it. It’s a pain in the ass to figure it out because (a) it doesn’t work like other WordPress embeds in Gutenberg, and (b) there are a bunch of incorrect post about how to do it, including one at WordPress Support.
Persistently, I kept searching, and I found that there are export options that do not require any extra libraries. Hooray!
Lordy, it was torture to embed that freaking gist using the WP Gutenberg editor. New post to follow.
The default toolset in Bokeh includes a “Save” icon. This outputs a PNG image of the chart.
Give the iframe position: absolute; top: 0; left: 0; width: 100%; height: 100%;
The container gets position: relative; and its ::before pseudo-element is: content: ""; display: block; padding-bottom: n% where n is the ratio of height to width multiplied by 100. So a 16:9 video should be given a bottom padding of 9 / 16 * 100, or 56.25%.
This solution was provided by Thomas Wilburn in the News Nerdery Slack, and it can be coded auto-magically for you here.