bl.ockss.org is a simple viewer for code examples hosted on GitHub Gist. It is a historical recreation of bl.ocks.org, the beloved example-sharing site created by Mike Bostock, author of D3.js, which served the data visualization community from 2012 until it went offline a few years ago.
The main source of examples is the collection of D3.js blocks that the
community published as gists over the years. To view any gist as a rendered
page, visit https://bl.ockss.org/<username>/<gist-id>.
The gist’s index.html is rendered in an iframe at the top of the
page, followed by the gist’s README.md and the source code of
each file, with syntax highlighting.
As on the original site, an optional .block file in the gist
configures the display:
license: mit — declares the block’s license, shown at the bottom of the pageheight: 500 — the height of the iframe in pixels (default 500)scrolling: yes — enables iframe scrollbars (default no)border: no — hides the iframe border (default yes)An optional thumbnail.png (230×120) in the gist is used
as a preview image on user pages and link previews.
The raw, live version of any block is available at
/<username>/raw/<gist-id>/ — the “Open in a new
window” link on every block page.
This site also hosts the blockbuilder editor, an in-browser code editor for writing and previewing blocks, and blockbuilder search, which searches across the archived blocks.