One of my favorite aspects of the d3.js design pattern is that, once data is properly structured, the code required to achieve a visual is little more than a recipe card. Simply change the data, and you change the visual. If the recipe is well written, this can take a design incredibly far with very little hard-coding or "exception case" design decisions.
Given a collection of visual designs and a folder full of CSV files, I began structuring data and writing d3.js scripts to assemble these data into the desired visual forms.
Once the visual form and motion design is in place, the remaining efforts can really be left to CSS and some minor positioning tweaks. From barebones (but functional) visualization templates like those pictured above, we integrated these designs across the production site and watched as the story came together.
Visit http://ourmiami.org to see the visualizations in action!