Skip to main content
100%

D3 Hive Plot (Areas) - std expose

✓ Published0🌍 Public
ZZJONSSON
Last edited Aug 30, 2012
Created on Aug 30, 2012

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

Similar vizzes