Map of Commodity Futures Market

Context

Inspired by the Map of the Market at SmartMoney.com and my background in agricultural economics, I used the flexible treemap layout in d3.js to build a zoomable treemap/heatmap giving visitors to the site a quick overview of the metals, energies, and livestock commodity futures markets.

Data

Futures market prices are updated on load of application from: AgriCharts API.

Tech Notes

This visualization gives users the ability to view only those contracts nearest to expiration as well as sizing the nodes by either count (equal area), open interest, or volume.
This project gave me the opportunity to explore the ease of getting a project up and running on the Heroku infrastructure.
The front-end is built using jQuery and d3.js.
The back-end technologies are Node.js and Express.

Live Demo

Map of Commodity Futures Market