This visualization displays the five kleshas (Ignorance, Anger, Craving, Pride, Jealousy) and their transformations into corresponding wisdoms, Buddha families, and elemental associations. Interactive buttons toggle between three modes—klesha, wisdom, and family—with animated circular nodes radiating from a central point. Built with React and d3.v7, it uses `select`, `scaleLinear`, and `transition` to animate node radii and label opacity. The code references static data arrays containing color-coded attributes for each transformation. The SVG rendering positions five colored circles at equal angular intervals with connecting lines to the center, along with element labels at a larger radius. Color schemes shift based on the selected mode, and a center label identifies the current display category.