D3 Hive Plot (Areas) - std expose
This D3 v2 example demonstrates a hive plot using area-based links instead of simple lines. Three radial axes are arranged at 120-degree intervals, each with a white stroke overlay to clearly separate the axes. The links are drawn as curved ribbons with varying start and end radii, creating a filled-area appearance between nodes on adjacent axes. Each link is assigned a color from a categorical palette based on its group, and the axes extend from an inner radius of 40 to an outer radius of 240 pixels. The visualization uses an ordinal angle scale for the three axes and a linear radial scale to position the link endpoints, with the custom link function generating cubic Bézier curves to smoothly connect the areas across axes. The example demonstrates how to represent multi-dimensional relationships in a compact, radial layout.
AI-generated description