Tyler Paige

Hello, I am an artist, designer, and developer. I work in journalism, video production, and web development —

(“durational media for storytelling.”)

Tagged as: web









The Morningstar Mirage

Morningstar has everyone convinced they can predict the future, but their ratings are about reliable as a magic 8 ball. With Jessica Kuronen, we gave them a gold star — or two — for their best efforts. Also we collaborated with Joel Eastwood to make a bunch of data visualization to prove the point.

Map Layers, map players!

WSJ cartographer Renee Rigdon and I were feeling that AI2HTML wasn’t conducive for scrolly-telling, so I built a pared-down version that uses SVGs instead. Now we have a little utility that lets us SVGs (for their layers) without having the text scale with the rest of the composition.

One successful usecase of th technogloy has been showing geo-political changes over time in a fixed area. You can see some demonstrations of this setup in a couple of projects:

Hopefully open sourcing this solution soon!

The Quants

The Quants is a 18-part series re-examining quantitative investing, 10 years after The Journal first investigated them. Along with Jessia Ma and Jessica Kuronen, we made a big package to visually underscore “the quants have officially won.”

Along with the general design direction, I contributed a fun little bigtop animation written in Three.js and some inline glossary components.

Do you want to hear our official award pitch?

In 1974, The Wall Street Journal first wrote about a computer trading system. Today, in 2017, quants are everywhere. Quants now make trades, determine who to hire, price insurance plans, and more. We created a cohesive series package for “The Quants” that referenced its algorithmic roots and how they interpret the world.

Taking inspiration from engineering drawings, we adapted an orthographic perspective to introduce the reader to the mystical world of algorithms, artificial intelligence, and supercomputers. This angle became central to our visual language portraying “computer perspective” that pays tribute to the Journal’s continued coverage of quants throughout the decades.

Our typography and illustrations follow the strict 30-degree axes seen in technical drawings. Photography was directed to highlight parallel lines. The identity of the series is rendered in binary code, dots, and dashes. The WebGL hero animation of the Lede story is a monolithic statement, rendered in orthographic perspective that evokes stock tickers and the information superhighway, perpetually in motion. CSS animations elsewhere in the series further explore these constructs.

All of our interactive and dynamic web elements — from responsive charts to custom pull-quotes — were crafted with static fallbacks to support our native applications.

“The Quants” includes nine stories, three columns, a game, timeline, and other graphics, totaling an 18 piece package. Navigation became crucial to accessing the deep scope of the coverage and functioned as an informational tool for what to expect as it published over the course of a week. The consistent use of “The Quants” logo and our terminal-green color palette unified the series on our homepage, inside our app and across social media.

THE NIGHT ZOMBIE SMARTPHONES TOOK DOWN 911

Jessica Kuronen, Jessia Ma, and I collaborated on a story about reckless teen hackers, a vulnerable national infrastructure, and reckless social media influencers.

I coded some fun elements for this, like a shaking canvas illustration, custom audio players of panicked 911 dispatchers, and scroll-to-populate collages.

I have been practicing my trigonometry to reflect on what a topsy-turvy world this is!

Try resizing your browser while watching

Fan warning!
Your computer’s fans may spin up!
Repeat:
Fan warning!

Year Ahead / Year in Review

I was the last one to choose my vacation days, so I was working late December.

How $1 Billion Made Its Way to the Prime Minister

Investigators say at least $3.5 billion was misappropriated from 1MDB. Here’s how they believe $1 billion ended up in the bank accounts of Malaysian Prime Minister Najib Razak.

Follow the money

WSJ Graphics Homepage

The Wall Street Journal’s Graphics team needed a place to put their work on display. They needed to show the most projects and to highlight significant projects that might be less recent.

With help from Jessia Ma and Dov Friedman, we built a little homepage!

266 W 25 St (2014 – 2016)

266 W 25 St is an open, artist-run space to be activated by a series of short-term projects. We choose not to brand nor give 266 W 25 St a defined mission—opting instead to allow participating artists to craft not only their projects but also the institutions that will surround their work. For every event or presentation held at 266 W 25th St, an institution is designed to best fit the content of the showing. These institutions will shift from one to another, perhaps smoothly, perhaps abruptly.

Poke some holes in our a-mission!