A treemap recursively subdivides area into rectangles; the area of any node in the tree corresponds to its value. This example uses color to encode different packages of the Flare visualization toolkit. Treemap design invented by Ben Shneiderman. Squarified algorithm by Bruls, Huizing and van Wijk. Data courtesy Jeff Heer.
Matthew Bernhardt matt-bernhardt
matt-bernhardt
/ README.md
Last active
August 29, 2015 14:13
— forked from mbostock/.block
matt-bernhardt
/ README.md
Last active
October 30, 2021 21:15
— forked from mbostock/.block
Interdisciplinarity at MIT
Mucking around with interdisciplinarity around MIT
matt-bernhardt
/ departments.json
Last active
August 29, 2015 14:14
— forked from MoritzStefaner/.block
Collaboration networks among departments at MIT
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
| { | |
| "nodes":[ | |
| {"name":"School of Architecture and Planning","group":1}, | |
| {"name":"Architecture","group":1}, | |
| {"name":"Media Arts and Sciences","group":1}, | |
| {"name":"Urban Studies and Planning","group":1}, | |
| {"name":"School of Engineering","group":2}, | |
| {"name":"Aeronautics and Astronautics","group":2}, | |
| {"name":"Biological Engineering","group":2}, |
While MIT has a very large number of departments, labs and centers on campus, there are roughly 40 academic departments that are frequently listed on the Institute's website. This plot illustrates how frequently those groups are listed together on papers in the Open Access collection in DSpace@MIT.
Please, let this work. Now with faked CSV in the right format.
A framework for visualizing a network of combinations among a single list of nodes.
matt-bernhardt
/ README.md
Last active
August 29, 2015 14:15
— forked from mbostock/.block
Choropleth map example
This choropleth encodes employed populations from recent census data.
matt-bernhardt
/ README.md
Last active
December 30, 2015 16:46
— forked from mbostock/.block
Dynamically changing force parameters
This tweak to the standard Force Directed Graph from Mike Bostock implements sliding inputs to adjust the two primary factors to the visualization: linkDistance and charge. Compare to this, which changes the network itself
matt-bernhardt
/ README.md
Last active
August 29, 2015 14:15
— forked from mbostock/.block
This simple force-directed graph shows character co-occurence in Les Misérables. A physical simulation of charged particles and springs places related characters in closer proximity, while unrelated characters are farther apart. Layout algorithm inspired by Tim Dwyer and Thomas Jakobsen. Data based on character coappearence in Victor Hugo's Les Misérables, compiled by Donald Knuth.
Compare this display to a force layout with curved links, a force layout with fisheye distortion and a matrix diagram.
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
| svg { | |
| font: 10px sans-serif; | |
| } | |
| .cell, | |
| .label { | |
| opacity: 0.5; | |
| } | |
| .cell:hover, |