Tree Map Maker

Geometrically divide proportional data into a stunning block matrix

LIVE TREEMAP PREVIEW
Chart Settings

Smart Contrast: The engine will automatically switch text color between black and white depending on how dark each block is!

Proportional Categories

Add your categories. The engine will automatically sort them from largest to smallest and mathematically carve up the grid.

COLOR
CATEGORY NAME
VALUE

What we do

Tree Map Maker

Easily create stunning proportional charts. A Tree Map is the absolute best way to visualize parts-to-a-whole, heavily used in finance and corporate dashboards.

Slice-and-Dice Engine

We built a custom HTML5 geometric algorithm that takes your raw numbers, calculates their exact percentage of the total, and carves up the canvas into perfect proportional blocks.

Smart Text Contrast

Never worry about unreadable text. We built a custom luminance algorithm that scans your chosen block color and forces the label text to be black or white for perfect contrast.

Dynamic Text Clipping

If your data point is extremely small, the geometric block will be small. The engine is smart enough to hide the text for tiny blocks so the graph remains visually clean and uncluttered.

Exploded Block Gaps

Give your dashboard a modern, app-style aesthetic. Use the Gap Slider to add physical space between the blocks, and the Rounding Slider to soften the harsh edges of the rectangles.

100% Privacy Secure

Your financial and corporate data is completely private. Because our rendering engine runs natively inside your browser, your numbers are never uploaded to any server.