← All projects

Case study 04 / Finance & data visualization

TickerTown

The S&P 500 as an interactive 3D city.

Status
Working productLive and complete
My role
Designed the visual model and built the product.
Context
Yahoo Finance data
Every S&P 500 company
Link
ticker-town.com

01The problem

How do you show an entire index, not just one company, in a way people can read at a glance?

Tables and charts are good for looking something up. They are poor at showing relative size, debt, and sector structure across the whole market at once.

02Why it mattered

A map of the market is only useful if every visual choice means something. TickerTown tests that with real financial data: size, debt, headcount, and sector all have to read correctly at a glance.

It sits where finance, data, and information design meet, and it is a complete product rather than a demo.

03My role

I designed the visual model and built the product, from the data to the 3D city to the tools for exploring it.

04What I built

The visual model

  • Every S&P 500 company is a building
  • Each sector is a neighbourhood
  • Market cap sets the size of the building
  • Debt sets the foundation
  • Employee count sets the number of windows
  • Additional company attributes are encoded as well

What you can do

  • Move through the city in 3D
  • Search for a company
  • Filter by sector
  • Look at historical views
  • Compare companies
  • Switch between day and night
  • Environmental details, including planes and a harbourfront

Data comes from Yahoo Finance.

05How it worked

Yahoo Finance data feeds the model. Each company’s attributes decide what its building looks like, and its sector decides which neighbourhood it belongs to. Search, filters, historical views, and comparisons let a visitor move from the whole market to a single company.

Key to the city

Simplified illustration, not a screenshot or measured data.

HOW THE CITY ENCODES THE DATA 1 2 3 4 1 SECTOR Neighbourhood 2 MARKET CAP Building size 3 DEBT Foundation 4 EMPLOYEES Window count Other company attributes are encoded in the city too.

A key to the visual model. Each attribute is mapped to one physical feature of the city.

06Outcome and current status

A complete, working product, live at ticker-town.com.

Every S&P 500 company is represented.

07Skills and stack

Data visualizationInformation designFinancial data3D interactionProduct designYahoo Finance data

Talk to me about it

Questions about
this project?

I’m happy to talk through how it was built and how the same approach could help your team.