Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

DBPedia Ontology Viz V2

Public visualization

Viewing a saved revision (read-only)

8aa2fe8d7b4849c38688ef753324f2da

DBPedia Ontology Viz V2

0 stars1🌍 Public
CCurran Kelleher
Last edited Jun 1, 2024
Created on Jun 1, 2024
Forked from VZCode Source Tree

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 the VZCode source code. VZCode is the open source editor used in VizHub.

Overview of the VZCode codebase.

  • test has some unit tests and lots of sample files. These sample files open in VZCode when you run npm run dev
  • src/client has the front end code, which is the majority of the project. This uses React and CodeMirror to create the editor environment.
  • src/server has the server-side code, which reads the file system on start, write to the file system on code changes, and synchronizes changes between clients using ShareDB

Data comes from Gist:File Loading Script.