Hi.

Data Visualization

• 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.

• Loaded with Lead

  

  The culmination of a year-long investigative effort, I worked on all the interactive elements for this story about lead poisoning at gun ranges in Washington State and around the country. In addition to the header and page design, I worked on the string-of-pearls chart, the interactive maps, and the cutaway diagram of Wade's shooting range. Our design was featured in a Q&A with the Society for News Design.

• Election 2014

  

  For the mid-term election, I built a scraper for the Washington Secretary of State and King County data feeds, as well as a results page with embedded maps and bar graphs of the results. The maps in particular are interesting, being built as custom elements (a first for a news organization, as far as I'm aware). The backend for this project was developed in public, and is available on GitHub.

• Bidding Wars

  

  When a Times business reporter showed me his "heat map" of where Seattle house-hunters face the toughest competition, I knew it could be a dynamite interactive graphic. Built on Angular, this page lets users search for a neighborhood, filter by city, and find out just how badly they'll probably need to overbid in order to buy a new home. Source code for this interactive is available on GitHub.

• Where in the World are Seahawks Fans?

  

  In 2013, the Seattle Times put out a "fan map" built on Google Fusion Tables, letting Seahawks fans tag themselves around the globe. It was a success, but we wanted something more scalable for 2014. The new version has marker clustering, AJAX form submission, and a much more polished look-and-feel. It also successfully leveraged our news app template, and the ability to use Google Docs as an ad-hoc CMS.

• Building Toward Disaster

  

  This Seattle Times interactive was designed to let readers explore more than 80 years of history leading up to the 2014 Oso landslide that killed 43 people. Reporters gathered 13 aerial photos dating back to 1933, as well as data on all of the houses, logging, red flags, and attempted fixes for the hill. I arranged the timeline vertically, which makes it easier to scroll on desktop and mobile, and linked its progress to the photos so that readers could flip through them and watch the river gradually eat away at the base of the hill.

• Against the Grain

  

  In this project, the CQ newsroom wanted to understand legislators who vote against the party line--why do they go "against the grain?" What kinds of votes garner the most dissent? To let people browse through our database of party unity votes, we built this web application in object-oriented Javascript and HTML. As readers move through the data, new panels will open to the right, but they can return to an earlier fork in their search at any time. This interactive was a powerful experiment, not just as a standalone interactive, but also as an exploration of new UI for CQ's extensive (but cumbersome) vote database.

• Who Owns the Debt?

  

  As the debt limit debate neared its deadline, my team at CQ produced several graphics on the history of the debate, past attempts to raise the limit, and the composition of the debt in question. In this interactive, built in HTML/JavaScript, we pulled apart the components of the debt to see just what was owed to whom. It was featured, along with its companion, on the front page of the Economist's web site.