Hi.

Data Visualization

• Busted

  

  To present this harrowing investigation into a long-running prostitution ring in Bellevue, Washington, we needed visuals but lacked photos or graphics. Instead, working with artist Gabriel Campanario, I wrote a framework to quickly prototype and iterate on smooth scrolling animation.

• The Profanity Peak wolves

  

  Not only did they have one of the great trivia team names of all time, the Profanity Peak wolves were part of a Washington success story: wolves have mounted a successful comeback since being hunted almost to extension in the 1900's. But the story doesn't end so well for this pack—in this story, reported by Lynda V. Mapes, I downloaded DEM files, reverse-engineered reports from the Washington Department of Fish and Wildlife, and built a hand-rolled WebGL renderer to bring readers into the wolves' territory. A fuller write-up of my process is available on the Seattle Times developer blog.

• Great movies

  

  Based on an earlier project (Great reads, itself inspired by the NPR Book Concierge), this interactive provides an index of five years of the best movies reviewed by the Seattle Times. It's filterable by genre, rating, and year, and animates smoothly thanks to FLIP-powered CSS animations.

• Sound Transit 3 Guide

  

  In anticipation of the vote for Seattle's ST3 transit initiative, we published this in-depth guide to what the package included, and how funds would be allocated. This project served as an opportunity to polish many of our in-house libraries for working with SVG, including the ability to easily move the "camera" by manipulating the SVG viewbox. Based on this experience, our graphics team was able to greatly improve the process of bringing print graphics to life on the web.

• Flying high

  

  Boeing celebrated its 100 year anniversary in 2016, and the paper re-ran a graphic in print that collected all of the aerospace giant's commercial planes. For online, that format wouldn't work, so I built this interactive, which extracted the planes from their SVG and moved them onto GPU-composited layers to soar across the background.

• Elwha: Roaring back to life

  

  Since the largest dam removal project in the world, the Elwha has experienced a resurgence, with plants and animals returning to the river. I worked with Lynda Mapes and our graphics department to tell the story online in a way that was evocative and beautiful. More details are available at our dev blog.

• Shielded by the law

  

  As the controversy over police killings grew around the country, the Seattle Times investigative team dug into the data to uncover every person killed by police in Washington over the last decade. They discovered that it's almost impossible to prosecute a cop in this state, due to a legal loophole. I worked on the presentation and opening animation of this report.

• Touring Chambers Bay

  

  The site of the US Open in 2015, Chambers Bay is not a typical American golf course. To demonstrate its steep verticality and unconventional hazards, I loaded the course architect's CAD file into Three.js and created this interactive tour, including hole-by-hole descriptions and video.

• Mayday Map

  

  Seattle's May Day "celebration" is always a unique news opportunity. To help readers follow the protests, I built a Node.js app that attached to the Twitter streaming API and tracked reporters via geotagging on a map, including photo and video. The result was a riveting live feed of movement between protestors and police.

• The Mobile Home Trap

  

  For this investigative series, the Seattle Times examined the shady business practices of the Warren Buffett-owned Clayton Homes. This particular piece detailed how proposed legislation would largely exempt Clayton's loans from regulations. For my interactive, I tried to highlight the effects of that change on the market, and show how the law would barely affect other mobile home vendors.

• Sell Block

  

  Another enterprise Seattle Times investigation, this piece focused on the broken promises of the Washington State prison labor industry. I worked on the visualizations for this piece, including the logo design. But it's most interesting to me because it serves as the debut for two new custom elements — <responsive-frame> for embedding elements, and <leaflet-map> for assembling the state map.