DBPedia Ontology Viz V1

100%

DBPedia Ontology Viz V1

✓ Published0🌍 Public

Last edited May 30, 2024

Created on May 30, 2024

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.

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

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

83% 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…

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

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

Loading thumbnail…

Final Circle Packing

This interactive circle packing visualization renders a hierarchical medical dataset using D3.js v4, fetching JSON data from external URLs. The visualization displays nested circles colored along a linear hue scale, where users can search for specific nodes via an autocomplete search bar. The code uses `d3.hierarchy` and `d3.pack` for layout computation, with SVG circles representing hierarchy levels. Clicking a node displays its ancestor path, while hover states highlight nodes. The implementation includes a tooltip system for additional node information, all rendered through D3's selection and rendering API within an SVG container.

QQuinn Sebso

73% match