This interactive pie chart visualizes a synthetic household budget allocation across eight categories, displaying each slice with its percentage label and a matching legend. Built with D3 v7, it uses `d3.pie` to compute arc angles, `d3.arc` for slice paths, and `d3.scaleOrdinal` with `d3.schemeTableau10` for colors. The SVG rendering includes leader lines, hover tooltips with transitions, and a reusable component pattern supporting `update()`. A tooltip provides exact values on mouseover, while legend swatches use the same color scale.