← Docs

Recipe Treemap Visualization

Nested proportional area chart showing recipe category distribution across your entire cookbook.

Dinner 42%
Dessert 18%
Breakfast 15%
Snacks 8%
Sides 7%
Drinks 6%
Other 4%

Squarified Layout

Recursive subdivision algorithm keeps rectangles as square as possible, improving label readability and tap target size on mobile.

Color Encoding

Two-tone violet-to-pink gradient mapped to category depth. Parent categories use saturated fills; leaf nodes use lighter tints.

Interaction

Hover reveals recipe count and percentage. Click drills into a category, re-rendering the treemap for that subset with breadcrumb navigation.

Data Source

Built from your indexed recipe tags and meal-type metadata. Updates automatically when new recipes are added to your collection.

This visualization ships in Meridian v2.4. Back to docs