Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Document

Public visualization

Viewing a saved revision (read-only)

ce0c07349def4916852235cb44336914

Document

0 stars0🌍 Public
MManoukK
Last edited Jan 6, 2020
Created on Jan 2, 2020
Forked from HTML Starter

This visualization uses a treemap layout to display monthly household expenses, organized by spending category (vaste lasten, reserves, and huishoudelijke uitgaven) with numeric values from a CSV file. The code employs d3.stratify to build a hierarchy from the flat data, then d3.treemap to compute rectangle positions and sizes. Each leaf is rendered as a green SVG rectangle with a white text label showing the category name, using D3 v5 within a React framework. The chart uses a fixed 960×500 SVG canvas.

AI-generated description

A bare minimum HTML page.

See also React Starter.