Example Chord Diagrams in D3
HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Latest commit c39c1da Aug 15, 2017
Permalink
Failed to load latest commit information.
data
js
lib
LICENSE.md
README.md Update README.md Nov 14, 2015
coffee-from-files.html
coffee.html
debt.html
hair.html
imports.html
trade-a.html
trade-b.html
trade-p.html
uber.html

README.md

d3-chord-diagrams

Chord diagrams in D3 are one of the more difficult chart types to produce from raw data. Fundamentally, you have to construct both a matrix and a mapping that explains how the matrix is composed and contains other meta data in order to render a complete diagram with appropriate coloring and labels. This separation between the data in matrix format and the meta data about the matrix makes it difficult to rapidly prototype diagrams from diverse data sources. Corresponding documentation can be found here.

Example Chord Diagrams in D3

Instructions:

  1. clone the repo or download the zip file

  2. cd into the directory

  3. python -m SimpleHTTPServer 8080 (should be available on mac or use any local server)

  4. go to localhost:8080 in your favorite browser (if your favorite is not IE)

  5. enjoy!!