We recently created an interactive infographic showing average rent prices in Boston by town. It’s a javascript code that opens an iframe to the infographic which is hosted on a different site/server. Here’s the code below, a link to the original post on bostonpads.com, and a few links from some media outlets that picked up the infographic for a story. I also included the infographic code below.
This script is ready to use right out of the box, should be no configuration required. Let me know if you’d consider showcasing this on your site. Thanks!
Original post:
http://bostonpads.com/average-rent-prices-boston-by-town/
Media shares:
http://www.nbcboston.com/news/local/See_How_Boston_Rents_Compare_By_Town-439648453.html
https://boston.curbed.com/2017/8/14/16143736/boston-apartment-rents-non-luxury
https://www.americaninno.com/boston/see-how-boston-rents-compare-by-town/
Code:
Score from the experts at Killer Infographics
Visual Communication - 45%
Design - 65%
Content/Script - 60%
Usability - 70%
60%
Final Grade
This interactive project presents an engaging approach to understanding Boston rent prices. The neighborhoods all feature hover windows with the same structure of information, though there are variances that might leave a reader questioning. The map is structured in an interesting way, thought the angle might make it harder to find some neighborhoods. The neighborhoods themselves are divided into two different colors, but it's not clear what that distinction represents. While the color palette and type treatments are consistent throughout, beyond the map there aren't any visuals, which makes that a viewer would have to read closely in order to identify the differences in information being communicated. Overall, this piece is helpful, but it could benefit from some additional visual balance. We'd give this a D.
