Commit 445769c
feat: add Enhanced Graph visualization plugin with D3.js force-directed layout
Implements a new internal Yasr plugin for interactive RDF graph visualization with the following features:
- D3.js v7 force-directed graph with physics simulation
- Interactive controls: zoom, pan, drag nodes with sticky behavior
- Draggable control panel with physics parameters and filtering
- Node grouping by rdf:type with automatic color coding
- Predicate display: toggle between FontAwesome icons and CURIE labels
- Tooltip system: toggle between full IRIs and compact CURIEs
- Faceted filtering by node groups with visual legend
- Real-time physics parameter adjustment (charge strength, link distance)
- Theme support (light/dark) with automatic switching
- JSON-LD metadata injection and SVG download functionality
- Configuration persistence via localStorage
- Responsive design with mobile support
Plugin registered at priority 11 to auto-select for CONSTRUCT/DESCRIBE queries.
All preferences (panel position, visibility, display modes) persist across sessions.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Sonnet 4.5 <[email protected]>1 parent e09e044 commit 445769c
File tree
12 files changed
+3342
-0
lines changed- packages/yasr
- src
- plugins/enhanced-graph
12 files changed
+3342
-0
lines changedSome generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
41 | 41 | | |
42 | 42 | | |
43 | 43 | | |
| 44 | + | |
44 | 45 | | |
45 | 46 | | |
46 | 47 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
676 | 676 | | |
677 | 677 | | |
678 | 678 | | |
| 679 | + | |
679 | 680 | | |
680 | 681 | | |
681 | 682 | | |
682 | 683 | | |
| 684 | + | |
683 | 685 | | |
684 | 686 | | |
685 | 687 | | |
| |||
0 commit comments