This example visualizes product revenue shares as a pie chart, with five cosmetic product categories (e.g., Eyeshadows, Mascara) and their corresponding percentages. A legend with colored dots and labels identifies each category, while the chart’s slices are labeled directly with product names. The visualization uses D3 v4’s `d3.pie` and `d3.arc` to generate the chart, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and SVG rendering within a React framework. The data is hardcoded in the script, with all values summing to 100 percent.