Chord Diagram - ICTS globaal

100%

Chord Diagram - ICTS globaal

✓ Published0🌍 Public

Last edited Jan 8, 2019

Created on Jan 12, 2018

This interactive chord diagram visualizes the flow of staff between 27 IT service domains, based on the 2014 Deloitte Global Mobile Consumer Survey data. It shows the proportional relationships and transitions between departments, with each chord representing the volume of movement. The visualization, built with D3 v3 and JavaScript, uses a matrix of values to generate the chord paths and labels around the circular layout. It includes a tooltip functionality and a title overlay, providing a clear view of the interconnections within the organizational structure.

AI-generated description

The 2014 version of the Chord Diagram created for the Global Mobile Consumer Survey held by Deloitte each year. It shows the flows of people between the phone brand of their previous phone and the current phone

For an explanation on how to understand this chart, please take a look at my "Storytelling" version of the same Chord Diagram but with 2013 data

forked from <a href='http://bl.ocks.org/nbremer/'>nbremer</a>'s block: <a href='http://bl.ocks.org/nbremer/7d0a91497fc64f30d1ab'>Chord diagram 2014 - End result</a>

forked from <a href='http://bl.ocks.org/MisunoKitara/'>MisunoKitara</a>'s block: <a href='http://bl.ocks.org/MisunoKitara/b9f813dc42fce61c2fa93075cd06930e'>Chord diagram ICTS.in General</a>

Similar vizzes

Loading thumbnail…

Chord Diagram - ICTS globaal

This interactive chord diagram visualizes the flow of interactions between ICT service domains and organizational units, based on data from a Global Mobile Consumer Survey. The circular layout encodes directed relationships through colored ribbons, with each arc segment representing a specific domain. Built with D3.js v3, the visualization uses matrix-based data to control ribbon thickness and relies on jQuery and Bootstrap for the surrounding interface. Animated transitions and hover interactions allow users to explore the connections between categories, highlighting the relative strength of various cross-departmental relationships.

MMisunoKitara

94% match

Loading thumbnail…

Chord Diagram - ICTS globaal

This chord diagram visualizes the flow of people between different organizational domains (such as HR, ICTS, and Education) based on survey data, using a circular matrix layout. The animation reveals the relationships and transitions between these categories. Built with D3.js v3, it uses chord paths and a matrix to encode the strength of connections, with hover interactions and labels. The data comes from a Deloitte global mobile consumer survey, displayed through a dynamic, rotating view.

MMisunoKitara

93% match

Loading thumbnail…

Chord Diagram - ICTS globaal 2018

This chord diagram visualizes the flows of service interactions between 27 ICT-related domains for the year 2018. The matrix data encodes the volume of transitions between each pair of domains, with thicker chords representing higher values. The visualization uses the D3.js v3 chord layout to render the circular arcs and connecting ribbons, with the surrounding labels identifying each domain. The chart includes animation when the page loads, as the chords draw themselves in sequence. The data appears to be based on internal service group metrics, and the code relies on the D3 chord layout API to generate the geometry.

MMisunoKitara

90% match

Loading thumbnail…

Chord Diagram - ICTS globaal 2019

This chord diagram visualizes the flow of service interactions between 28 ICT domains for 2019, showing the volume of transitions between categories as colored arcs and ribbons. The animated rendering uses d3.v3’s chord layout and SVG paths, with hover interactions for detail. The matrix data is hardcoded in the script, and Bootstrap and jQuery provide layout and UI support, while custom styling controls opacity and label placement.

MMisunoKitara

90% match

Loading thumbnail…

Chord Diagram - ICTS globaal 2018

This chord diagram visualizes the flows of people between their previous and current phone brands, based on survey data. The interactive animation shows the movement of users across 31 service groups as interconnected arcs around a circular layout. Built with d3.v3, the visualization uses the chord diagram API to render the matrix of transition values, with colored ribbons representing directional flow magnitude between categories. The animation highlights changes over time, and the data is presented as raw numerical values in the source code, reflecting the 2018 ICTS global survey.

MMisunoKitara

87% match

Loading thumbnail…

ICTS Initiële Servicegroep Chord Diagram 2021

An animated chord diagram visualizes the 2021 service-group interactions for ICTS, using a 31-by-31 matrix of numeric values to represent relationships between named internal domains and support teams. The visualization uses D3 v3 to render the circular layout, with chord paths displaying connection strengths and the matrix defining the data source for all links. The example employs D3’s chord layout and animation to display the flow of interactions, with hover states and title text providing context for each group.

MMisunoKitara

86% match

Loading thumbnail…

ICTS Initiële Servicegroep Chord Diagram 2024

This interactive chord diagram visualizes the relationships and service dependencies among 37 named ICTS service groups, with animated, colored chords and matrix values representing interaction strengths. It uses the D3 v3 library to render the circular layout, while jQuery and Bootstrap handle page structure and responsive styling. The visualization is built from a static matrix array containing numeric connection data, with chord paths and labels generated programmatically. The chart updates dynamically in the browser, allowing viewers to explore the magnitude of connections between different service groups.

MMisunoKitara

85% match

Loading thumbnail…

ICTS Initiële Servicegroep Chord Diagram 2021

This animated chord diagram visualizes the relationships between 37 ICTS service groups in 2021, using a matrix of proportional values to show the strength of connections. The circular layout presents each group as a labeled arc, while translucent ribbons connect groups to indicate interaction intensity. Built with D3.js v3, the visualization uses chord and arc layouts to render the matrix data, with Bootstrap handling the page layout and jQuery included for DOM manipulation. Hover interactions and color coding help distinguish individual groups and their outgoing connections.

MMisunoKitara

84% match