This is an embeddable graphic built using the dmninteractives
Yeoman generator. It's designed to be embedded using Pym.js as a responsive iframe
.
- Node -
brew install node
- Gulp -
npm install -g gulp-cli
npm install
to install development toolinggulp
to open a local development server
dist/index.html
- Graphic HTML markup; there's no Nunjucks, etc. so this is just straight HTMLdist/embed.html
- A page to test your embedsrc/js/*.js
- Graphic scripts, written in ES2015 and transpiled with Babelsrc/sass/*.scss
- Graphic styles in SCSS
gulp publish
will upload your dist/
folder to the embeds/2017/aca-maps/
folder on our interactives S3 bucket.
The below embed code can be pasted into a Serif "code block":
<div id="embed-aca-maps"></div>
<script src="//pym.nprapps.org/pym.v1.min.js"></script>
<script>new pym.Parent('embed-aca-maps', '//interactives.dallasnews.com/embeds/2017/aca-maps/', {})</script>
©2017 The Dallas Morning News