Team coherentie 2021: LIO

100%

Team coherentie 2021: LIO

✓ Published0🌍 Public

Last edited Jan 19, 2022

Created on Jan 19, 2022

This diagram visualizes team interactions for the LIO service in 2021, showing which team initially receives a ticket and which team resolves it. The chord diagram uses a custom layout to pull the two halves of the circle apart, with the left side representing the originating team and the right side the resolving team. Animated gradients move across the chords to draw attention to the flow. The visualization is built with D3 v3, using custom `stretchedChord` and `customChordLayout` functions, and rendered as SVG with animations.

AI-generated description

mit Licensed

Similar vizzes

Loading thumbnail…

Team coherentie: LIO

This example visualizes team interactions for the LIO service in 2020, showing which team initially receives a ticket (left side) and which team resolves it (right side). Only the teams with the largest shares are included for clarity. The visualization uses a stretched chord diagram with D3 v3, leveraging custom functions `stretchedChord` and `customChordLayout` to pull the two halves apart along the x-axis. Data is displayed as an SVG with animation, using gradient fills and hover effects to highlight connections between the 4964 recorded interactions.

MMisunoKitara

95% match

Loading thumbnail…

Team coherentie: LIO

This interactive chord diagram visualizes interaction patterns between teams within the LIO service unit, with the left side representing the initiating team and the right side the team resolving tickets. The custom layout algorithm (`customChordLayout`) and a stretched chord renderer (`stretchedChord`) pull the two halves apart for clearer comparison. Built with D3.js v3 and an SVG animation, the visualization uses an invisible chord to create a visual gap, with gradient animations providing a subtle flow effect.

MMisunoKitara

94% match

Loading thumbnail…

Team coherentie: LIO

This visualization shows how teams within the LIO department interact, mapping which team opens a ticket (right side) and which team resolves it (left side). It uses a stretched chord diagram with dummy groups to create space between the two halves, with animated gradients and hover effects to clarify connections. The code relies on D3 v3, custom layout functions for chord sorting, and a modified chord path generator to pull the halves apart. Data comes from 4,974 respondents and is rendered as SVG.

MMisunoKitara

93% match

Loading thumbnail…

Team coherentie: LIO

This example uses a circular flow diagram to show how often different teams within the Dutch police service LIO interact with each other. The left side of the diagram lists teams that initially receive a ticket, while the right side shows which teams ultimately resolve it, with the width of each chord indicating the number of interactions. Built with D3.js v3, the visualization uses a stretched chord layout and custom functions like `stretchedChord` to pull the two halves of the diagram apart. The data comes from a dataset of 4,460 ticket interactions from 2019, and the chords are animated with a moving gradient to draw attention to the flow.

MMisunoKitara

86% match

Loading thumbnail…

Team coherentie 2021: CeIf

This interactive chord diagram shows team interactions for the CeIf service in 2021, distinguishing between the team that initially receives a ticket and the team that resolves it. The visualization uses a custom stretched chord layout to separate the two halves of the diagram, with animated gradients along the chords. It is built with D3 v3, using custom layout functions for chord sorting and stretching, and renders as SVG with hover effects that adjust chord opacity. The data is embedded as a matrix of ticket counts between teams, with dummy entries to create empty space in the circle.

MMisunoKitara

84% match

Loading thumbnail…

Team coherentie: KlaSCe 2021

This visualization shows team interaction for the KlaSCe service in 2021, with a chord diagram split into two halves to distinguish the team that initially receives a ticket from the team that resolves it. The data, presumably from a gist, is arranged in a matrix where entries indicate the number of tickets moving between teams, with a large empty stroke creating the visual gap between the halves. Rendering uses a custom `stretchedChord` function based on d3’s chord layout, with SVG paths and animated linear gradients. The diagram is interactive, with hover effects that adjust chord opacity (set by `opacityDefault` and `opacityLow`) to highlight connections.

MMisunoKitara

83% match

Loading thumbnail…

Team coherentie 2021: FOOCeS

A custom chord diagram shows team interactions for the FOOCeS service in 2021, displaying which team initially receives a ticket on the left and which team resolves it on the right. The visualization uses D3 v3 with a custom layout, `d3.layout.chord`, and a stretched chord generator that pulls the two halves apart along the x-axis. SVG paths with animated linear gradients add subtle motion, while hover interactions adjust chord opacity. Data is drawn from a matrix of ticket counts, filtered to include only the largest contributing teams.

MMisunoKitara

83% match

Loading thumbnail…

Team coherentie: FOOCeS

A stretched chord diagram with animated gradients visualizes team interaction for the FOOCeS service in 2020, showing which team initially receives a ticket (left side) versus which team resolves it (right side). Based on data from 12,206 respondents, only teams with the largest shares are included for clarity. The visualization uses a custom `stretchedChord` function and a modified `d3.layout.chord` layout with SVG paths rendered via D3 v3. Animated linear gradients add moving highlights to the chord flows, with pull-out spacing separating the two halves.

MMisunoKitara

82% match