Embed d3 graphics in Jekyll

The goal is to embed d3 graphic in blog post. I follow the steps in this article.

1. Create Github Gist and then paste the source code. Be sure to change the source path to “./”.
2. Install bl.ocks.org extension for your browser. Then there will be a new button under “Download Gist”. Clicking it will bring us to the bl.ocks viewer of the gist.
3. Create an iframe tag and set the src to the bl.ocks viewer url.
4. For the source code, simply paste the url generated by Github Gist.

<iframe frameborder="0" height="600" marginheight="0" marginwidth="0" scrolling="no" 
src="http://bl.ocks.org/licaschiou/raw/32aa65f0de3a40f05ae9/" width="800"></iframe>