{"version":"1.0","type":"rich","title":"Chord Diagram Observable Port","description":"This chord diagram visualizes directed relationships among four hair-color groups using a matrix of interaction values. Built with D3 v7, it renders arcs for each group and ribbons showing bidirectional flows, with hover highlighting related chords and click-to-select filtering. The visualization uses `d3.chord`, `d3.arc`, and `d3.ribbon` generators, includes tick marks with formatted value labels, and displays tooltips on both arcs and ribbons. Data originates from a static 4x4 matrix with named groups and custom colors, ported from an Observable notebook to vanilla JavaScript.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9c19969136d64be6b1e8d962a53f5ec4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}