Vega Test Gallery

From the Vega Example Gallery

Tree Diagrams

A node-link tree diagram of classes in a software package hierarchy, positioned in Cartesian coordinates using Vega’s tree transform. Adjust the parameters to see layouts suitable for general trees or cluster dendrograms.

A node-link tree diagram of classes in a software package hierarchy, positioned in polar coordinates using Vega’s tree transform. Adjust the parameters to see layouts suitable for general trees or cluster dendrograms.

Treemaps display hierarchical data as a set of nested rectangles. This example shows the software class hierarchy of the Flare visualization toolkit (a precursor to D3 and Vega). Node areas are proportional to the file size in bytes of each source code file.

A circle packing layout uses containment to convey hierarchical relationships. The layout is computed using Vega’s pack transform. This example shows the software class hierarchy of the Flare visualization toolkit; node areas are proportional to the file size in bytes of each source code file.

A sunburst diagram is a radial space-filling tree visualization, similar in spirit to a treemap. Adjacency, rather than containment, is used to depict hierarchical relationships. The layout is computed using Vega’s partition transform. This example shows the software class hierarchy of the Flare visualization toolkit; node areas are proportional to the file size in bytes of each source code file.

Source

click to see code