Skip to main content
SimilarExport ZIP
100%

DBPedia Ontology Viz

✓ Published1🌍 Public
CCurran Kelleher
Last edited Oct 9, 2025
Created on Jun 1, 2024

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.

AI-generated description

A circle pack visualization of a subset of the DBPedia ontology, a hierarchical taxonomy of classes that categorize Wikipedia articles. Features panning and zooming, color pased on depth, and gradients that make the circles look like 3D spheres. Clicking on a circle will take you to a list of all Wikipedia articles about the topic.

Order a canvas print of this graphic!

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
90% 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
90% 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
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
80% match
Loading thumbnail…

Treemap navigator II (dbpedia)

An interactive treemap navigator visualizes the DBpedia ontology, showing hierarchical categories as colored rectangles. Users can drag subtrees to reposition them, click nodes to explode open subtrees, and click again to collapse them, with links connecting parent and child subtrees. The visualization uses D3 v3 layout, drag, zoom, and transition APIs, rendering SVG paths and rectangles with section-specific colors. Data loads from a remote JSON file describing the ontology structure, and the coordinate-based treemap layout is recalculated on each interaction.

TThanaporn-sk
68% match
Loading thumbnail…

World Countries Tree

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

Cchrismack666
67% match
Loading thumbnail…

World Countries Tree

This interactive visualization depicts the hierarchical structure of Wikipedia categories and pages as a tree diagram. Nodes are colored on a gradient from white to purple based on a group value, and hovering reveals a node’s name and whether an English version exists. Built with D3 v5, it uses `d3.tree` and `d3.hierarchy` for layout, `d3.zoom` for panning, and SVG circles and paths for rendering. Data is loaded from a local `data.json` file.

Cchrismack666
67% match
Loading thumbnail…

Wiki

This tree diagram visualizes hierarchical data as a horizontally-oriented dendrogram. The visualization uses a radial, indented layout with circular node markers, curved link paths, and text labels for each entity. It colors nodes on a white-to-purple linear scale based on a group value, and includes a square legend. The implementation relies on D3 v5.5 API functions: `select`, `json`, `tree`, `hierarchy`, `linkHorizontal`, and `zoom`. Data is loaded from a JSON file, and the SVG element is resized to the full browser viewport. A tooltip, though defined, does not appear to be applied in this example.

Cchrismack666
66% match