block by thomasthoren 8116135710c53794c425

New York Times map reproduction II

Full Screen

An example of how to use ai2html to take SVG graphics at different sizes and export to PNG and HTML files. This is an optional step that follows my previous block about how to make this map using command line tools and D3.

Both of the blocks are modeled after this map by the New York Times.

Note that in order for bl.ocks.org to display the correct file, I’ve renamed index.html as snippet.html and index.preview.html as index.html.

Depending on what device you’re using, you might need to click the “Open” link to see this without the iframe cutting off the bottom.

Visit this block’s Gist page to download the associated Adobe Illustrator file. See the ai2html page for installation instructions and how to get Illustrator set up.

resizer-script.js

index.html

index-template.html

snippet.html