FoamTree: physics-inspired tree map

FoamTree is a JavaScript tree map visualization with innovative physics-inspired layout algorithms and animations. It aids understanding of hierarchical data, such as groups of documents, network domains or site maps.

View live demo FoamTree physics-inspired tree map live demo Download trial

Non-rectangular layouts

Non-rectangular tree map layout produced by Carrot Search FoamTree

Visually pleasing non-rectangular animated layout,

JavaScript and JSON API

Carrot Search FoamTree Programmer's Reference

Integrate FoamTree within minutes using a small JavaScript library, 19.5kb gzipped.

Multilingual

Multilingual content in Carrot Search FoamTree

Supports a wide range of languages, including Arabic, Chinese Simplified and Traditional, Japanese and Korean.

Extensive tuning

Carrot Search FoamTree visual settings panel

Tune visual and non-visual properties using a simple settings panel and export them to your JavaScript code

HTML5 visualization

FoamTree is a HTML5 visualization, it works on any device supporting HTML5 canvas, including tables and mobile phones.

FoamTree works on any device supporting HTML5 canvas, including tables and smart phones.

Complements Lingo3G

Visualization of clusters from Lingo3G

Add a new look and more interaction to clusters from Lingo3G.

Easy to integrate, many tuning options, very fast and lightweight.

Stephan Schmid, CEO at Comcepta, Switzerland

Our evaluation found overwhelming support for using Lingo3G.

Dr James Thomas, Associate Director, EPPI-Centre, Social Science Research Unit, Institute of Education, London

I’ve shown two board members of our client company what our FoamTree-powered app does. Amazing what a good visualization can accomplish :-)

René de Vries, Managing Director at HowardsHome