DBPedia Ontology Viz V0

100%

DBPedia Ontology Viz V0

✓ Published2🌍 Public

Last edited Mar 21, 2025

Created on May 29, 2024

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.

AI-generated description

A circle pack visualization of a subset of the DBPedia ontology. The data quality may not be that good, and coverage is very limited. There's probably something wrong with the SPARQL queries, but it's a first glimpse at least!

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

95% match

Loading thumbnail…

DBPedia Ontology Viz V2

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.

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

90% 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

82% 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

74% 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

73% match

Loading thumbnail…

SAVE POINT Circle Packing

This interactive circle packing visualization displays a medical dataset as a hierarchical arrangement of nested circles, where each node represents a category or item and its size corresponds to its value. Users can click on any circle to zoom into that subtree, with the view smoothly animating to focus on the selected level. Built with D3.js v4 and React, the visualization uses the `d3.pack()` layout algorithm, `d3.hierarchy()` for data structuring, and `d3.interpolateZoom()` for the zoom transitions. Node colors are assigned via a linear scale with HCL interpolation based on hierarchy depth. The visualization loads its data from a remote JSON file hosted on GitHub.

QQuinn Sebso

73% match

Loading thumbnail…

Zoomable Circle Packing

This example visualizes a hierarchical dataset as nested circles, with each circle’s size proportional to a value and color indicating depth. Clicking any circle smoothly zooms to that node, re-scaling the layout to center and enlarge its children. The visualization uses `d3.layout.pack` and `d3.scale.linear` for positioning and color, with SVG transitions animating circle radii and label opacity. It renders `flare.json` data, a common D3 hierarchy, and applies `d3.interpolateHcl` for color interpolation.

PP15GitHubStudent

73% match