Chord diagrams show directed relationships among a group of entities. This example also demonstrates simple interactivity by using mouseover filtering. Layout inspired by Martin Krzywinski's beautiful work on Circos.
And-How
And-How
/ index.html
Last active
December 29, 2015 22:29
— forked from anonymous/gist:7736482
CouncilMembers
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset=utf-8 /> | |
| <title></title> | |
| <script src='http://api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.uncompressed.js'></script> | |
| <link href='http://api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.css' rel='stylesheet' /> | |
| <!--[if lte IE 8]> | |
| <link href='//api.tiles.mapbox.com/mapbox.js/v1.4.0/mapbox.ie.css' rel='stylesheet'> | |
| <![endif]--> |
And-How
/ README.md
Last active
August 29, 2015 14:14
— forked from mbostock/.block
And-How
/ Readme.md
Last active
August 29, 2015 14:14
— forked from StewartNoyce/Readme.md
This example uses the D3 chord layout function to show the links between different environmental websites.
The chord layout implements the concept of circular visualization introduced in Circos.
Notable features include: responsive image resizing, chord layout rotation, and a generalized chord visualization function with configuration object.
Thanks to Stewart Noyce for the template!