How diaki137/odini-webvowl works
WebVOWL is a browser-based ontology visualization and editing application. Users load ontology data, which is parsed into graph elements and displayed as an interactive visualization; they can then inspect, search, filter, edit, and export it. The README documents local service operation but not detailed runtime wiring, so edges below are limited to relationships visible in excerpts, the source index, or README; unsampled capability modules are included without guessed connections.
Main entry points: graph.js Graph runtime · parser.js Ontology parser · BaseProperty.js Graph properties · BaseElement.js Ontology elements
Components 20
Application UI
- Application setup
src/app/js/app.js - Ontology loading
src/app/js/loadingModule.js - Ontology controls
src/app/js/menu/ontologyMenu.js - Export controls
src/app/js/menu/exportMenu.js - TTL export
src/app/js/menu/exportTTLModule.js
Ontology Data
- Ontology parser
src/webvowl/js/parser.js - Attribute parsing
src/webvowl/js/parsing/attributeParser.js - Prefix utilities
src/webvowl/js/util/prefixTools.js
Visualization Engine
- Graph runtime
src/webvowl/js/graph.js - Ontology elements
src/webvowl/js/elements/BaseElement.js - Graph nodes
src/webvowl/js/elements/nodes/BaseNode.js - Graph properties
src/webvowl/js/elements/properties/BaseProperty.js - Rendered links
src/webvowl/js/elements/links/PlainLink.js - Visualization API
src/webvowl/js/webvowl.js
Explore and Edit
- Search
src/app/js/menu/searchMenu.js - Element editing
src/app/js/editSidebar.js - Details sidebar
src/app/js/sidebar.js - Graph filters
src/webvowl/js/modules/filters/statistics.js - Drag interactions
src/webvowl/js/draggers/abstractDomainRangeDragger.js
Other components
- User
Connections 21
- User → Application setup: uses
README.md - Application setup → Graph runtime: configures
src/app/js/app.js - Ontology loading → Graph runtime: loads data
src/app/js/loadingModule.js - Ontology loading → Ontology controls: updates controls
src/app/js/loadingModule.js - Graph runtime → Ontology parser: parses data
src/webvowl/js/graph.js - Ontology parser → Attribute parsing: parses attributes
src/webvowl/js/parser.js - Ontology parser → Graph nodes: creates instances
src/webvowl/js/parser.js - Ontology parser → Graph properties: creates instances
src/webvowl/js/parser.js - Graph nodes → Ontology elements: extends
src/webvowl/js/elements/nodes/BaseNode.js - Graph properties → Ontology elements: extends
src/webvowl/js/elements/properties/BaseProperty.js - Graph properties → Rendered links: constructs
src/webvowl/js/elements/properties/BaseProperty.js - Graph runtime → Graph filters: computes statistics
src/app/js/loadingModule.js - Search → Graph runtime: queries graph
src/app/js/menu/searchMenu.js - Element editing → Graph runtime: edits elements
src/app/js/editSidebar.js - Details sidebar → Graph runtime: reads graph
src/app/js/sidebar.js - Export controls → Graph runtime: exports graph
src/app/js/menu/exportMenu.js - Export controls → TTL export: delegates export
src/app/js/menu/exportMenu.js - TTL export → Graph runtime: reads graph
src/app/js/menu/exportTTLModule.js - Graph runtime → Drag interactions: uses interactions
src/webvowl/js/graph.js - Ontology elements → Prefix utilities: formats identifiers
src/webvowl/js/elements/BaseElement.js - Visualization API → Graph runtime: exposes runtime