DBPedia Ontology Viz V2

100%

DBPedia Ontology Viz V2

✓ Published1🌍 Public

Last edited Jun 1, 2024

Created on Jun 1, 2024

This circle pack visualization displays a subset of the DBPedia ontology, showing hierarchical relationships between classes like "Work" and its subclasses. Data is loaded from a GitHub Gist CSV containing parent-child class pairs and instance counts. The visualization uses D3's `pack` layout to position nested circles, `stratify` to build the hierarchy, and a zoom behavior for navigation. Circle colors transition through a turbo scale based on depth, with radial gradients adding visual depth. Labels display subclass names, positioned above each circle with font size scaling based on circle radius.

AI-generated description

A circle pack visualization of a subset of the DBPedia ontology. The ontology was only traversed a few levels deep.

Data comes from Gist: DBPedia Ontology.

MIT Licensed

Similar vizzes

Loading thumbnail…

DBPedia Ontology Viz V1

This circle pack visualization displays a subset of the DBPedia ontology hierarchy, using d3.pack and d3.stratify to compute a nested layout from SPARQL query results. It renders the taxonomy as nested circles with depth-based grayscale gradients, labels for ontology class names, and zoom interactions via d3.zoom. The dataset is loaded from a GitHub Gist CSV, and rendering is memoized through a custom computed function to optimize D3-based updates in a React framework.

CCurran Kelleher

93% match

Loading thumbnail…

DBPedia Ontology Viz V0

This circle pack visualization maps a subset of the DBPedia ontology, showing hierarchical relationships between classes like YAGO categories and time intervals. D3’s `stratify` and `pack` layouts compute the nested circle layout, with node depth driving a grayscale gradient and area encoding instance counts. The interactive view supports zooming via `d3.zoom`, while labels render with scaled font sizes based on circle radius. Data originates from a GitHub Gist containing SPARQL query results.

CCurran Kelleher

93% match

Loading thumbnail…

DBPedia Ontology Viz

This visualization displays a hierarchical subset of the DBPedia ontology, a taxonomy of classes categorizing Wikipedia articles, as a circle packing diagram. Circles are nested to show class relationships, with color based on depth and gradients creating a 3D sphere effect. Users can pan, zoom, and click any circle to open a SPARQL query listing related Wikipedia articles. The code uses d3.js functions like `stratify`, `pack`, and `zoom` to compute the layout and interactions, with data loaded from a provided CSV file.

CCurran Kelleher

89% match

Loading thumbnail…

Within the Mind's Eye

This visualization displays a subset of the DBPedia ontology as a psychedelic circle pack, with each circle representing a class and circles nested to show hierarchical relationships. The rendering uses D3.js 7.8.5 functions including `pack()`, `stratify()`, and `interpolateRainbow` to generate vibrant, animated colors based on hierarchy depth. Circles have a glowing filter effect and pulsing animations defined in CSS. The data is loaded from a Gist containing a CSV with class-subclass relationships and counts, filtered to only include classes with over 500,000 instances.

CCurran Kelleher

84% match

Loading thumbnail…

Circle Packing

This visualization displays a hierarchical dataset as nested circles, using area to represent the number of descendants in each node. Color distinguishes between constrained and unconstrained nodes, with constrained items shown in gray and unconstrained ones in blue. The layout is computed using D3’s `pack` algorithm, which positions circles within a viewport sized to the browser window. Data is loaded from `data.json` via D3’s `json` function, then processed with `hierarchy` and rendered as SVG `<circle>` elements, with white strokes providing visual separation between adjacent circles.

CCalvin Gomez

74% match

Loading thumbnail…

D3 v5 Circle-Packing

This visualization shows a hierarchical dataset as nested circles, with each circle’s size encoding a numeric value and its color representing depth in the tree. Built with D3 v5 and rendered as SVG, it uses `d3.stratify` to convert the tabular flare.csv data into a hierarchy, `d3.pack` for layout, and `d3.scaleSequential` with `d3.interpolateMagma` for coloring. Hovering highlights a node and its ancestors via the `mouseover` and `mouseout` events.

DDylan

73% match

Loading thumbnail…

Zoomable Circle Packing

This interactive visualization presents a hierarchical dataset as a set of nested circles, where each circle represents a node and its size reflects the node's value. Clicking a circle zooms in to focus on that branch, while clicking the background returns to the root view, with smooth animated transitions. Built with D3 v4, it uses `d3.pack` for circle-packing layout, `d3.hierarchy` for tree processing, and `d3.transition` with `interpolateZoom` for the zooming effect. The flare.json file supplies the data, which is rendered as SVG elements with hover highlighting and color gradients based on depth.

PPragyagarg

72% match

Loading thumbnail…

Simple Circle Pack (d3 v4; CSV; 50 Lines)

This example demonstrates a circle packing visualization that encodes hierarchical data as nested circles, where the area of each circle represents a numeric size value. The visualization shows a dataset of car acquisition and trading history, with parent-child relationships defined by the CSV structure. The implementation uses d3.v4's `d3.stratify` to process the tabular data, `d3.hierarchy` with a size summation function to compute the tree structure, and `d3.pack` to generate the circle layout. Circles are rendered as SVG elements with white strokes and semi-transparent blue fills.

Oocean1225

72% match