2017: Stretched Chord Diagram - Start Academiejaar ICTS Servicepunt
✓ Published0🌍 Public
MMisunoKitara
Last edited Jan 8, 2019
Created on Nov 13, 2018
This visualization shows the flow of incoming versus resolved IT support tickets across different departments at a service desk, with tickets moving from the left half of the chart to the right. It uses a stretched chord diagram where the two halves are pulled apart along the x-axis to emphasize direction. The code relies on D3 v3’s `d3.layout.chord` with a custom layout function to sort chords and reduce overlap, and a custom `stretchedChord` function that modifies the SVG arc and curve paths to apply the pull-out effect. An animated linear gradient travels across the chords, and hover interactions dim non-selected links.
AI-generated descriptionbsd-2-clause Licensed