Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2017: Stretched Chord Diagram - Start Academiejaar ICTS Servicepunt

Public visualization

2017: Stretched Chord Diagram - Start Academiejaar ICTS Servicepunt

0 stars0🌍 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 description

Comments

Sign in to join the discussion.

BSD-2-Clause Licensed