Section Logo
Go BackGo Forward

Interactive Annual 16:
information design


Launch Live Site

“I’m an information geek and I could sit and scroll, scan and click here for hours. The idea of all that data on one screen, in one tangible user interface I get so excited I could just burst!” —Brooke Nanberg

“A unique, creative approach to visualizing a large set of financial data that helps provide a better understanding of how different stocks, and the sectors they’re in, compare to one another at any given point in time. I do wish it had a history option.” —Nikolai Cornell

Overview: NYXTrac is a stock heat map, representing the performance of all common stocks listed on the NYSE Euronext. Utilizing Yahoo!’s market data, the heat map renders the individual percent changes in market value for more than 1,800 U.S. and non-U.S. stocks, providing an at-a-glance view of the market. It illustrates the overall performance of the NYSE stock market with a more visual approach than looking at a single index value such as the Dow Jones Index. It’s targeted toward a general audience but, with filtering and sorting functions, it’s a valuable research tool for both traders and amateurs.

  • • NYXTrac was originally designed as a non- interactive map of the market to be shown on a number of exterior data displays outside of the NYSE’s Wall Street building. This online mock-up was developed to illustrate the idea.
  • • A simple interface allows filtering the stocks by logical groupings such as geographic region, industry and major indices; it can also be sorted by ticker symbol, price change, volume or market capitalization.
  • • A mouse-over any ticker symbol provides the market metrics for the selected stock such as the day’s open, high/low and trading volume.

Comments by Hermann Zschiegner

Was the topic/subject of the project a new one for you? “I’ve been working with the New York Stock Exchange and other financial institutions for more than five years, developing various market data visualizations and trading software GUIS. In 2008 I finished a re-skinning of all trading floor data displays and stock tickers, and I’m currently developing new exterior data displays outside of the Wall Street building.”

What was the most challenging aspect of the project? “Finding the time and energy to do it. This is one of the situations designers find themselves in frequently. We design a new concept that the client—for one reason or another—does not want to follow through with so we spend time and resources, believing that ultimately we’ll convince the client with the final product. I was convinced this was a great idea, and rather than dropping it, I decided to develop it.”

What would you do differently if you could start the project over? “I think the data handling could be done in a more efficient way; I knew very little about PHP and dynamic data when I started the project. The stock-by-stock approach of downloading the data from Yahoo! could be better done in data clusters of, let’s say, 100 stocks at a time and the overall downloading time could definitely be streamlined.

“I would also include an option to load different stock master-files from different exchanges, such as NASDAQ or European markets.”


Hermann Zschiegner, creative director/programmer
TWO-N, INC (New York, NY), project design and development/client

Facebook  Twitter  LinkedIn