Subscribe to our Newsletter

Guest blog.

D3.js is a JavaScript library for illustrating data using open web standards such as HTML, CVG & CSS. The advantage of the D3 is that you can use it to represent data based on freely available web standards instead of any specific proprietary web standards.

We will illustrate the power of the data visualization framework using a complex & interactive Chord Diagram to show linkages between various designers of Apple’s design team.

We analyzed 380 patents of Apple’s head designer, Jonathan Ive. We then showed his colleagues who were listed most often as co-inventors on the 380 patents.

The full interactive D3 Chord Visualization is available here.

The above diagram shows Daniel J Coster as the co-inventor who worked with Ive on the most patents and is represented with the largest slice. The slice gets smaller as the number of patents co-invented with Ive reduces. For example, Steve Jobs has only 161 common patents of the total 380 patents that Ive was listed on.

The beauty of the D3 framework is the interactive nature of the charts. When we click on Steve Jobs’s name, the various lines & its relative breadth shows the number of patents that were co-invented by Jobs & other colleagues. This interactivity is hard to obtain in other data visualization frameworks that ar not proprietary and just rely on open web standards. 

The details on the Javascript code to do the Chord Visualization is given here:

For other types of D3 visualizations, check out the gallery here:

The Git Hub Repository with examples is given here:


This post is by Pansop

E-mail me when people leave their comments –

You need to be a member of DataViz to add comments!

Join DataViz

Webinar Series

Follow Us

@DataScienceCtrl | RSS Feeds


Associate Data Science Director

Swift Agency - Swift is seeking an Associate Director of Data Science to join our growing team in Portland, Oregon. Here you will find a dynamic environment worki...

Data Science Program Director

Yeshiva University - Data Science Program Director Job no: 493006 Work type: Faculty Full-time Department: Katz School Location: Beren Campus, 245 Lexington Avenu...

Software Engineer

US Soccer Federation - The Opportunity: We are U.S. Soccer and we are the future of sport in the United States. Our mission is to make soccer a preeminent sport in the Un...

Data Scientist

MAYO CLINIC - “A Life-Changing Career”   What if your career could change your life? Perhaps you imagine being part of a team where your colleagues inspire you t...