Team coherentie: ATUB

Team coherentie: ATUB

This visualization maps interactions between teams within the ATUB service organization, showing which team creates a ticket and which team resolves it. The circular layout separates source teams on the left from destination teams on the right, with connecting chords whose thickness reflects interaction frequency. The implementation uses a customized chord layout (`customChordLayout`) that stretches the two halves apart by a configurable pixel offset, combined with an animated gradient fill to suggest flow direction. Data is embedded directly in the script, presenting 6,406 recorded tickets across eight primary teams, with a dummy segment reserving space for the circle's gap.

95% match

Team coherentie: ATUB

This visualization uses a stretched chord diagram to show team interaction patterns for the ATUB service in 2020, tracking which teams initially receive tickets and which teams resolve them. It filters to the largest contributing teams for clarity. Built with D3 v3, the diagram pulls the left and right halves of the circular layout apart along the x-axis, with animated gradients flowing along the chords. The underlying data, based on 8,297 respondents, is rendered as SVG with custom layout and stretched chord functions that modify D3’s standard chord and arc methods.

94% match

Team coherentie 2021: ATUB

A chord diagram visualizes team interactions for the ATUB service in 2021, showing which team initially receives a ticket versus which team resolves it. The two halves of the circle are pulled apart to emphasize the directional flow. Built with D3 v3, the visualization uses SVG paths and animated linear gradients, with a custom chord layout and stretched chord implementation to create the separated arcs. Data is embedded directly in the script as a matrix.

94% match

Team coherentie: ATUB

A stretched chord diagram shows ticket handoffs between teams within the Dutch ATUB service, with the left half representing teams that initially receive tickets and the right half showing teams that resolve them. The visualization uses a custom D3 v3 chord layout with a stretched chord function that pulls the two halves apart along the x-axis. Data covers roughly 8,244 interactions in 2019, filtered to include only the largest contributing teams. Animated gray gradients flow along the chords, and hovering is implemented via opacity changes, with the diagram rendered as SVG.

93% match

Team coherentie: ATAB

This example uses a stretched chord diagram to show how tickets are transferred between teams within the ATAB department, mapping the team that initially receives a ticket (on the left) to the team that ultimately resolves it (on the right). Built with D3 v3 and custom layout functions, the visualization animates an SVG-based flow with an animated gradient along the chords, while hovering can highlight specific connections. The data consists of 4,443 ticket interactions among the department’s teams, with a dummy segment added to create visual balance. The diagram is rendered with two pulled-apart halves, using custom `customChordLayout` and `stretchedChord` functions to achieve the stretched effect.

Team coherentie: ATAB

This example visualizes team interaction for the ATAB service, showing which team initially receives a ticket versus which team resolves it. It uses a stretched chord diagram with two separated halves, displaying only the teams with the largest shares. The visualization is built with D3 v3 and the custom `customChordLayout` and `stretchedChord` functions, which control sorting and pull apart the chords. Data comes from 5,380 ticket records, and the SVG includes animated gradient effects via SMIL animations.

Team coherentie 2021: ATAB

This chord diagram visualizes team interaction for the ATAB service in 2021, showing which team initially receives a ticket versus which team resolves it. The circular layout splits into two halves, with links connecting teams and animated gradients highlighting flow direction. Built with D3 v3, it uses a custom `d3.layout.chord` variant with a stretched chord generator to pull the two halves apart horizontally. SVG rendering includes hover effects that reduce opacity on non-hovered chords, and the data comes from a static matrix in the script, filtering to teams with the largest shares.

Team coherentie: ATAB

A chord diagram visualizes inter-team interaction patterns for the ATAB service, separating source teams on one side from teams that resolve tickets on the other. The visualization uses an animated SVG layout built with D3.js v3, including a custom stretched chord layout that pulls the two halves apart for clarity. Ribbons are dynamically colored with a moving gradient, and the chart adapts its size and spacing based on screen width. Data is embedded as a matrix, with a dummy segment added to emphasize the directional flow of interactions.