Treemap
1
Add data
2
Visualize
Add your data
Upload a CSV or Excel file
Upload file
πŸ“‚
Drop file here
CSV Β· Excel
Required columns
label β€” item name  Β·  value β€” tile size
Optional: group column for color-coded groups
Sample datasets

Upload data to preview

Visualize
Style your treemap
🎨
Style
🏷️
Labels
πŸ“
Layout
πŸ’Ύ
Export
Theme
πŸŒ‘ Dark
β˜€οΈ Light
⬛ Black
Color palette
16px
2px
3px
0.9
12
Tiling algorithm
Squarify
Binary
Slice
Dice
Squarify: best aspect ratios β€” most readable tiles.
700px
50
Export
‑
Data Table
// ── DME gate object ──────────────────────────────────────────────────────────── window._dmeSession=null; window._dmeTier='free'; window.DME={ isLoggedIn:()=>!!window._dmeSession, isPro:()=>window._dmeTier==='pro', showLoginGate:()=>openModal(), showUpgradeGate:(msg)=>{ const m=document.createElement('div'); m.style.cssText='position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:10001;display:flex;align-items:center;justify-content:center'; m.innerHTML=`
⭐
Pro Feature
${msg||'This feature requires a Pro account.'}
`; m.addEventListener('click',e=>{if(e.target===m)m.remove();}); document.body.appendChild(m); }, requirePro:(fn,msg)=>{ if(window._dmeTier==='pro'){fn();} else if(!window._dmeSession){openModal();} else{window.DME.showUpgradeGate(msg);} }, checkRowLimit:(rows)=>{ if(window._dmeTier==='pro'||rows.length<=1000)return{ok:true}; return{ok:false,msg:`Your file has ${rows.length} rows. Free accounts are limited to 1,000 rows. Upgrade to Pro for unlimited rows.`}; }, addWatermark:(svg)=>{ const wm=document.createElementNS('http://www.w3.org/2000/svg','text'); wm.setAttribute('x','50%');wm.setAttribute('y','98%');wm.setAttribute('text-anchor','middle'); wm.setAttribute('fill','rgba(255,255,255,0.18)');wm.setAttribute('font-size','11');wm.setAttribute('font-family','Inter,sans-serif'); wm.textContent='DataMadEasy.com';svg.appendChild(wm);return wm; }, };