Skip to content

bmershon/washington-post-graphics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Graphics

For URL
Prototype (c) The Washington Post, 2016 Context Sensitive Labels (3D globe)
The Washington Post 23 countries legalized same-sex marriage
The Washington Post Gigaton (Chris Mooney)
The Washington Post Reid's conservation legacy
The Washington Post 2015 Cy Young Tracker

[D3.js, JavaScript, shapefiles]

The idea here was to visualize nuclear testing throughout history on a 3D globe that responds to a user's mouse movement. One problem this experiment attempted to solve was the cluttering of labels that results when event, country, and state labels overlap. Interactive orthographic projection presents an opportunity to do something different with label placement: make labels context sensitive! Labels change size and opacity as their position changes within the viewport.

Several different gimbal-like mechanisms were experimented with. The rendering pipeline makes use of a prototype library I created to help manage rendering and user-interaction for multiple geographic layers.

[Adobe Illustrator]

[Adobe Illustrator]

[D3.js, Shapefiles, Make, TopoJSON, Adobe Illustrator, Excel, QGIS]

Harry Reid's conservation map was assembled from shapefiles and tabular data using Make. This automated process for rendering maps and computing total areas turned out to be very helpful as the story, and therefore the map itself, evolved in the days before publication. The map and bar graphs were first rendered with D3.js, then the base SVG was then exported to Adobe Illustator.

[D3.js, JavaScript, HTML/CSS, Templates, Excel]

About

Links to published graphics.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published