DoGi Classification Structure

100%

DoGi Classification Structure

✓ Published0🌍 Public

Last edited Mar 26, 2017

Created on Mar 26, 2017

The DoGi Classification Structure is an interactive sunburst visualization of a bibliographic database of Italian legal journals, organized into hierarchical juridical subjects across 24 law branches. It uses a D3 v3 partition layout with custom arc generators and zoom behavior to let users navigate the hierarchy, with labels that fade in or out based on zoom level. The tooltip on each arc shows descriptions for deeper nodes. Data is loaded from a JSON file and rendered as SVG, with a radio button toggling between count and size-based arc sizing.

AI-generated description

DoGi is a database containing bibliographic references of articles published on italian juridical journals. Each article is classified using the set of juridical subjects, called sistematici, shown in the sunburst. Sistematici are organized in 24 hierarchical structures each of them representing a law branch (e.g., Administrative Law, Commercial Law, Constitutional Law, ...). The depth is at most three.

forked from <a href='http://bl.ocks.org/fabiovalse/'>fabiovalse</a>'s block: <a href='http://bl.ocks.org/fabiovalse/04466b8ca6a3670dd963'>Dogi Sunburst</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Untitled

The visualization displays the hierarchical structure of a Brazilian regulatory document, "Norma Complementar 14," using a zoomable, animated donut chart. Each slice represents a section or subsection, with arc length encoding relative importance via size values, and colors distinguishing top-level categories. The tooltip shows each node's name and aggregated value. Built with d3.v4, it uses a `partition` layout, `d3.arc` for geometry, `transition.attrTween` for smooth zooming on click, and `textPath` to place labels along arcs, all rendered as SVG elements.

Rrwmendes

63% match

Loading thumbnail…

CAR_PAR_JAR_Collapse_Dendo

A hierarchical dendrogram displays the nested structure of analytical data records, organized under top-level categories like Customer Profile, Contract, and Campaign. The tree branches split into raw and derived attribute groups, with leaf nodes labeled by their field names. Rendered as an SVG using D3.js v4, the visualization uses the tree layout to position nodes and links, with white circles for nodes and gray bezier curves for connections. The static diagram presents the full data taxonomy without interaction or animation.

DDAVINDER

62% match

Loading thumbnail…

D3-study

This example visualizes a hierarchical tree structure using D3.js, displaying nodes that represent legislative code elements with properties such as type, version, and link direction. The visualization uses SVG rendering with animated transitions to expand and collapse nodes, while tooltips provide additional details on hover. It employs D3's tree layout and zoom behavior for navigation, alongside jQuery for utility functions, and colors nodes differently based on their type attribute from the JSON data source.

BBenjamim Alves

62% match

Loading thumbnail…

Tree Diagram

This interactive tree diagram displays hierarchical animal classification data from a JSON file, with nodes that collapse and expand on click. Built with D3 v3, it uses the `d3.layout.tree` for layout and `d3.svg.diagonal` for curved links, with SVG rendering and animated transitions between states via `transition.attr`. Node styling includes green circles and comic sans labels, while purple links highlight parent-child relationships.

SSai Kaushik

62% match

Loading thumbnail…

Untitled

This is an interactive, animated tree diagram that visualizes a classification decision path, starting from a root node labeled "Root" and branching through binary decisions on features (e.g., "feature 434 <= 0.0") to leaf nodes that predict a class of 0.0 or 1.0. The visualization, built with D3.js (version 3.5.16), uses the `d3.layout.tree` and `d3.svg.diagonal` APIs to position and draw the hierarchical links, with nodes that can be clicked to expand or collapse their children. The data is loaded from a JSON file (`structure.json`), and the entire scene supports smooth transitions over 750 milliseconds.

Aamorenos25

62% match

Loading thumbnail…

D3 v5 Zoomable Sunburst

This D3 v5 zoomable sunburst visualizes a hierarchical dataset, using colored arcs to represent nested categories from the flare data loaded via the Observable standard library. Clicking an arc animates a zoom into that node, with transitions driven by `d3.arc` interpolation and `transition.attrTween` to smoothly reshape arcs and labels. The SVG rendering uses `d3.partition`, `d3.hierarchy`, and ordinal color scales, with visibility logic filtering arcs and text based on computed angular and radial bounds.

SShivrangi

61% match

Loading thumbnail…

Semantic Arts Dataset Ontology II

This visualization displays the SemanticArts dataset ontology as a forest of distinct sunburst diagrams, each representing a top-level class hierarchy. It uses D3.js v3 with an SVG renderer and a zoom behavior that scales and translates the entire layout, while labels scale inversely and fade out based on a level-of-detail threshold. The code applies a D3 partition layout with custom angular and radial size mappings, colors each tree by its root using `d3.scale.category20`, and loads hierarchical data from `tree.json`.

TThanaporn-sk

61% match

Loading thumbnail…

d3 zoomable sunburst

This example visualizes a hierarchical dataset of plant classifications, organizing species into a zoomable sunburst layout that displays taxonomic relationships from kingdom down to species. Users can click on arcs to zoom into deeper levels of the hierarchy. The visualization uses d3.v5, leveraging the d3.partition and d3.hierarchy APIs to compute the sunburst layout and render it as SVG paths. The data consists of plant entries with taxonomic fields, which are transformed into a nested tree structure for display.

Aatree-rohit

61% match