I’m currently looking at building a knowledge-based website powered by Directus CMS, and I’m aiming to create a visual, interactive map of articles and their links—kind of like what you'd see in Capacities or Obsidian.
🔍 What I'm trying to build:
A force-directed graph that shows how different articles or notes are related.
Each node would represent an article, and the links between them would reflect references or tags.
The backend is Directus, and I’d like to fetch and display this data dynamically.
💡 My stack vision so far:
Frontend: Nordcraft UI framework (for the cozy, modular style)
Graph rendering: Possibly using force-graph or D3.js.
CMS: Directus (already structured to relate entries)
🔧 My Questions:
Are there recommended components or patterns within Nordcraft to start with this kind of visual module?
Is this type of dynamic graph interface realistic inside Nordcraft’s design system?
Any tips on how to structure the data in Directus for graph rendering?
📎 Bonus Info:
If it helps, the app is meant to be a website or system where users can visually explore linked articles, notes, and external references. Think of it as a semantic web map in your browser. This is not to create a Saas like Obsidian or Capacities but a website.
Thanks in advance to anyone who shares insights! 🙏
Would love to see examples or starting points if you’ve done something similar 💙
.jpeg/public)