🌍 Public
2017: Stretched Chord Diagram - Start Academiejaar ICTS Servicepunt
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
Comments
Sign in to join the discussion.