How peacerep/peacetech-vis-collection works
PeaceRep’s Visualisation Collection is a metadata catalogue and browser for visualisation projects. Users select a catalogue, relationship view, or reference-data tab; the app loads metadata and renders searchable-at-a-glance cards, tables, vocabulary, or interactive relationship diagrams with hover details. The main internal layers are metadata lookups and shared relationship-diagram rendering. The README is empty, so product scope is based on the app’s own description and tab labels; some component links are known only from the SOURCE INDEX.
Main entry points: data.js Metadata lookups · App.svelte Tab application · arcs.js Relationship rendering · ArcCard.svelte Relationship detail card
Components 25
Catalogue app
- Tab application
review/src/App.svelte
Metadata
- Metadata lookups
review/src/lib/data.js - Catalogue metadata
metadata - Relationship records
metadata/relationships.json - Visualisation records
metadata/visualisations.json - People records
metadata/people.json - Organisation records
metadata/organisations.json - Dataset records
metadata/datasets.json - Tool records
metadata/tools.json - Vocabulary records
metadata/vocabularies.json
Catalogue views
- Visualisation browser
review/src/components/Visualisations.svelte - Visualisation grid
review/src/components/VisGrid.svelte - Visualisation table
review/src/components/VisTable.svelte - Metadata lists
review/src/components/Lists.svelte - Structure display
review/src/components/Structure.svelte - Value display
review/src/components/Val.svelte - Reference tables
review/src/components/SimpleTable.svelte - Vocabulary view
review/src/components/Vocab.svelte
Relationship views
- Relationship rendering
review/src/lib/arcs.js - Horizontal diagram
review/src/components/ArcDiagram.svelte - Vertical diagram
review/src/components/ArcDiagramVertical.svelte - Force diagram
review/src/components/ForceDiagram.svelte - Relationship legend
review/src/components/ArcLegend.svelte - Relationship detail card
review/src/components/ArcCard.svelte
Other components
- Catalogue visitor
Connections 39
- Catalogue visitor → Tab application: selects view
review/src/App.svelte - Tab application → Visualisation browser: renders
review/src/App.svelte - Tab application → Reference tables: renders
review/src/App.svelte - Tab application → Vocabulary view: renders
review/src/App.svelte - Tab application → Horizontal diagram: renders
review/src/App.svelte - Tab application → Vertical diagram: renders
review/src/App.svelte - Tab application → Force diagram: renders
review/src/App.svelte - Metadata lookups → Visualisation records: loads
review/src/lib/data.js - Metadata lookups → People records: loads
review/src/lib/data.js - Metadata lookups → Organisation records: loads
review/src/lib/data.js - Metadata lookups → Dataset records: loads
review/src/lib/data.js - Metadata lookups → Tool records: loads
review/src/lib/data.js - Metadata lookups → Vocabulary records: loads
review/src/lib/data.js - Metadata lookups → Catalogue metadata: resolves references
review/src/lib/data.js - Visualisation browser → Metadata lookups: reads lookups
review/src/components/Visualisations.svelte - Visualisation browser → Visualisation grid: renders
review/src/components/Visualisations.svelte - Visualisation browser → Visualisation table: renders
review/src/components/Visualisations.svelte - Visualisation grid → Metadata lists: renders lists
review/src/components/VisGrid.svelte - Visualisation grid → Structure display: renders structure
review/src/components/VisGrid.svelte - Visualisation grid → Value display: renders values
review/src/components/VisGrid.svelte - Visualisation table → Metadata lists: renders lists
review/src/components/VisTable.svelte - Visualisation table → Structure display: renders structure
review/src/components/VisTable.svelte - Visualisation table → Value display: renders values
review/src/components/VisTable.svelte - Reference tables → Value display: renders values
- Vocabulary view → Metadata lookups: reads metadata
review/src/components/Vocab.svelte - Horizontal diagram → Relationship rendering: uses renderer
review/src/components/ArcDiagram.svelte - Vertical diagram → Relationship rendering: uses renderer
review/src/components/ArcDiagramVertical.svelte - Force diagram → Relationship rendering: uses renderer
review/src/components/ForceDiagram.svelte - Relationship rendering → Relationship records: loads edges
review/src/lib/arcs.js - Relationship rendering → Metadata lookups: reads labels
review/src/lib/arcs.js - Horizontal diagram → Relationship legend: renders
review/src/components/ArcDiagram.svelte - Horizontal diagram → Relationship detail card: renders details
review/src/components/ArcDiagram.svelte - Vertical diagram → Relationship legend: renders
review/src/components/ArcDiagramVertical.svelte - Vertical diagram → Relationship detail card: renders details
review/src/components/ArcDiagramVertical.svelte - Force diagram → Relationship legend: renders
review/src/components/ForceDiagram.svelte - Force diagram → Relationship detail card: renders details
review/src/components/ForceDiagram.svelte - Relationship detail card → Relationship rendering: uses tags
review/src/components/ArcCard.svelte - Relationship detail card → Metadata lookups: reads labels
review/src/components/ArcCard.svelte - Relationship legend → Relationship rendering: reads edge styles
review/src/components/ArcLegend.svelte