Hierarchical
Interactive

Treemap

Treemaps visualize hierarchical data by nesting rectangles within rectangles, where the size of each rectangle is proportional to its value. They efficiently use space while showing part-to-whole relationships across multiple levels. Treemaps are excellent for visualizing file system storage, market sectors, organizational budgets, and any nested categorical data with associated quantities.

Interactive Visualization

Loading interactive chart...

This is an interactive treemap. You can zoom, pan, and hover over elements for details.

Try this prompt

"Create an interactive treemap showing 'Global Stock Market Capitalization' by Sector and Industry. Generate data for 30+ companies across 8 sectors: Technology ($8T: Apple $3T, Microsoft $2.8T, NVIDIA $1.2T, others), Healthcare ($4T: Johnson & Johnson $500B, etc.), Financials ($5T), Consumer Discretionary ($4T), Energy ($2T), Industrials ($3T), Consumer Staples ($2T), Utilities ($1T). Size rectangles by market cap. Color by 'YTD Growth Rate' using RdYlGn diverging scale (-30% to +50%). Add hover showing company name, ticker, market cap (formatted as $XXB), and growth %. Enable drill-down navigation. Include a color legend and total market cap in title."
Generate this now

Python Code Example

Loading code...

Common Use Cases

  • 1Disk space usage visualization
  • 2Stock market sector breakdown
  • 3Corporate budget visualization
  • 4E-commerce category sales

Pro Tips

Use tooltips for detailed information

Limit hierarchy depth to 3-4 levels

Color by a separate metric for additional insight