This demo shows how donuts make it possible to visualise numeric proportions of data. This anonymised data analyses the email traffic of an organisation by department. Emails are sent by both external organisations and the departments themselves.

The donut on each node contains at least one colour-coded segment:

• each colour represents the department an email was sent to.
• each segment is sized based on the proportion of emails sent to each department.

Use the option on the right hand side to hide donuts and see department nodes more clearly. You can also filter out traffic that's of less interest, and only show nodes that send emails to multiple departments.

By listening for the 'pointer-move' event, you can show tooltips with the percentage of emails for each donut segment. Colour highlighting also makes clear which segment you’ve hovered over or tapped.

Donuts are useful in many scenarios, including:

• Social Network Analysis - show the relative time spent in different social media networks.
• Review Fraud - identify people who give mainly positive or negative reviews.
• Cyber Crime - demonstrate what proportion of malware attacks have infiltrated each web browser.
• Intelligence - display the relative number of telephone calls made to different countries.

Object format used:

• Donuts

Key functions used:

• chart.animateProperties
• chart.load