| { | |
| "name": "A", | |
| "children": [ | |
| {"name": "AØ", | |
| "children": [ | |
| {"name": "Ax", | |
| "children": [ | |
| {"name": "*r*", | |
| "children": [ | |
| {"name": "r1", |
| {"name": "Ax-A archetype", | |
| "children": [ | |
| {"name": "*r*", | |
| "children": [ | |
| {"name": "r1", | |
| "children": [ | |
| {"name": "d", | |
| "children": [ | |
| {"name": "t", | |
| "children": [ |
A dendrogram is a node-link diagram that places leaf nodes of the tree at the same depth. In this example, the classes (leaf nodes) are aligned on the right edge, with the packages (internal nodes) to the left. Data shows the Flare class hierarchy, courtesy Jeff Heer.
Compare to this Cartesian layout.
| name | Terminus post quem | Terminus ante quem | No. of Works in MS | Position of Piers | Lines of Piers | Percent MS Piers Occupies | Dist from Malvern | Textual Variety | |
|---|---|---|---|---|---|---|---|---|---|
| Trinity College Dublin 212 D.4.1 | 1390 | 1400 | 1 | 1 | 7345 | 96.7 | 30 | 5 | |
| Cambridge University Library Dd.3.13 | 1390 | 1400 | 1 | 1 | 7347 | 100 | 30 | 5 | |
| Bodley MS 851 | 1390 | 1400 | 6 | 6 | 1300 | 11.5 | 10 | 8 | |
| Bodley MS Poet.a.1 | 1398 | 1403 | 40 | 30 | 2429 | 4.5 | 60 | 1 | |
| Cambridge University Library Dd.1.17 | 1398 | 1403 | 23 | 18 | 7311 | 7.3 | 30 | 3 | |
| Corpus Christi College Oxford 201 | 1398 | 1403 | 1 | 1 | 7364 | 95.6 | 180 | 3 | |
| Bodley MS Laud 581 | 1398 | 1403 | 1 | 1 | 7302 | 97.8 | 10 | 3 | |
| Bodley MS Rawlinson Poet. 38 | 1398 | 1403 | 1 | 1 | 7312 | 95.3 | 20 | 3 | |
| Bodley MS Laud 656 | 1398 | 1403 | 5 | 2 | 7347 | 76 | 60 | 5 |
The tree layout implements the Reingold-Tilford algorithm for efficient, tidy arrangement of layered nodes. The depth of nodes is computed by distance from the root, leading to a ragged appearance. Cartesian orientations are also supported. Implementation based on work by Jeff Heer and Jason Davies using Buchheim et al.'s linear-time variant of the Reingold-Tilford algorithm. Data shows the Flare class hierarchy, also courtesy Jeff Heer.
Compare to this Cartesian layout.
| {"name": "Ax-A archetype", | |
| "children": [ | |
| {"name": "*r*", | |
| "children": [ | |
| {"name": "r1", | |
| "children": [ | |
| {"name": "d", | |
| "children": [ | |
| {"name": "t", |
Click on any package to zoom in or out.
Each of the white circles represents an individual Piers Plowman manuscript. Circles are ROUGHLY sized proportional to the number of lines of Piers poetry contained in each manuscript. Lines are estimated based on variations accounted for in the Kane editions and can be viewed in the JSON below.
Grades of blue circles represent sub-categories of manuscripts based on the textual contents of each. Categorizations take note both of distinct combinations of A, B, and C text and of differentiations between how much text or how much of each are in a given sample of Piers Plowman.
Forked from Mike Bostock's zoomable circle packing block.
New Zoom.
This “icicle” diagram uses d3.layout.partition to divide space with area proportional to the value of nodes in a tree. See also the zoomable icicle.
Click on any arc to zoom in. Click on the center circle to zoom out.
A sunburst is similar to a treemap, except it uses a radial layout. The root node of the tree is at the center, with leaves on the circumference. The area (or angle, depending on implementation) of each arc corresponds to its value. Sunburst design by John Stasko. Data courtesy Jeff Heer.