Home  -   Research  -   Artwork  -   About Me

Map of the Market (1998)

One of the first visualizations on the web, the SmartMoney Map of the Market has displayed live stock market data since 1998.

View Map of the Market
(Note the redesign of colors and other features 14 years after launch.)

Marc Frons
Joon Yu

Related academic paper:
Visualizing the Stock Market, CHI 1999

I designed the Map of the Market while at SmartMoney.com. The goal was to give a quick answer to the question, "what's happening in the market?"

The Map used a variant of the "treemap" technique pioneered by Ben Shneiderman. The screen is divided into rectangular tiles that represent publicly traded companies. The area of a rectangle corresponds to the market capitalization of the company, and the color tells you how the stock price has changed since the previous market close. Unlike a traditional treemap, however, the Map of the Market introduced a new algorithm designed to create tiles that were close to square, making for a display that is more legible and easier to interact with. (It turns out that several others, including Jarke van Wijk, independently invented similar algorithms around the same time.)

The Map of the Market quickly became one of the most trafficked sections of the site, and spawned many imitators. Today treemaps are a standard tool for visualizing financial data.

At SmartMoney we created many variations of this map. One of my favorites the site History Wired, a visualization of a selection of objects from the Smithsonian Museum. This was built in collaboration with Judy Gradwohl at the Smithsonian.