Get AI summaries of any video or article — Sign up free
Building Visual Maps of Content with Excalidraw in Obsidian thumbnail

Building Visual Maps of Content with Excalidraw in Obsidian

5 min read

Based on Zsolt's Visual Personal Knowledge Management's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.

TL;DR

Create MoC pages in Obsidian based on a context-driven structure imported from The Brain, using indexes and journal-linked trails as the underlying logic.

Briefing

The core takeaway is a practical workflow for turning Obsidian into a “visual index” system by building Maps of Content (MoCs) with Excalidraw—so navigation feels closer to The Brain’s graph-based experience than Obsidian’s default graph view. Instead of treating MoCs as static diagrams, the approach links every node in the drawing to real Obsidian notes, making the map an interactive part of the knowledge system.

The process starts with an existing organizational model built in The Brain: indexes and contexts anchored by a daily journal. Journal entries act as a chronological backbone, with related thoughts hanging off each day’s entry so users can follow trails from a central node. Index pages come in multiple forms—chronological, geographical, relational—while context pages function like MoCs, serving as entry points into clusters of related thinking.

After importing The Brain archive into Obsidian, the creator finds Obsidian’s graph view powerful but less structured and clear than The Brain. Excalidraw becomes the bridge: it enables a clean, well-structured visual map that still behaves like a first-class Obsidian navigation surface.

To build a new MoC page (for example, “learning and development”), the workflow begins by creating a dedicated page in Obsidian and using Excalidraw to generate the file. The next step is to insert wiki links from the imported notes into the drawing. This is done by opening Obsidian and The Brain side by side, then using Obsidian’s command palette “insert link” (with a hotkey set to Ctrl Shift K) to add links to the relevant imported thoughts. The creator emphasizes speed and completeness first: add the links to get the structure in place, then refine layout and aesthetics afterward.

Once the nodes are linked, the map is organized visually. Notes are grouped and rearranged to add structure, and in some cases the creator expands the map by including related “distant relatives” of the main context—pulling in additional thoughts that still belong to the learning-and-development orbit.

To make the MoC easier to scan, icons are added using a two-source approach: inspiration from Noun Project and recombined/modified sketches from a stencil library. Emojis may also be integrated directly into the drawing for certain themes (such as online learning). The payoff is that Excalidraw maps integrate tightly with Obsidian features—Craft view backlinks, hover previews, and link navigation all work—so the map is not just an illustration but an active interface.

Finally, the creator adds a link back to the home MoC (though backlinks can also provide that connection). The result is framed as “digital brain gardening”: regular sketchnoting and map maintenance that makes navigation more efficient, creative, and enjoyable while keeping the system grounded in linked notes rather than disconnected visuals.

Cornell Notes

The workflow builds interactive Maps of Content in Obsidian using Excalidraw, aiming to replicate The Brain’s clearer visual navigation. After importing an archive from The Brain, a new MoC page is created and populated by inserting wiki links to the imported notes directly into the Excalidraw canvas. Links are added first with minimal structure, then the layout is refined through grouping and rearranging nodes, sometimes expanding the map with related notes. Icons and occasional emojis are added using a mix of Noun Project inspiration and a personal stencil library. Because Excalidraw drawings fully integrate with Obsidian, backlinks, hover previews, and link navigation work as part of the map, turning diagrams into a functional index.

How does the system decide what goes into a Map of Content (MoC) page?

The MoC is built from a context-based organization model imported from The Brain. Contexts act like entry points into clusters of related thoughts, while indexes provide other entry structures (chronological, geographical, relational). A daily journal serves as a chronological backbone in The Brain, with thoughts attached to specific journal entries, so the creator can trace trails from a central day node and then select the relevant context (e.g., “learning and development”) for the MoC.

What is the key technical step that makes the Excalidraw map more than a picture?

Every node in the Excalidraw drawing is linked to an actual Obsidian note via wiki links. The creator uses Obsidian’s command palette “insert link” (hotkey Ctrl Shift K) while building the drawing, inserting links to the imported thoughts. This turns the map into an interactive navigation surface where Obsidian link behaviors apply.

Why does the workflow add links first and only later adjust aesthetics?

The creator prioritizes getting all the relevant links onto the page before spending time on layout. Early on, the goal is structural completeness—placing the linked nodes—then grouping and repositioning them afterward to improve clarity. This reduces the risk of reworking the map repeatedly while content is still changing.

How are visual organization and expansion handled once the initial links are in place?

After the links are inserted, the creator creates groups and moves nodes to add structure and readability. In some cases, the map is expanded by adding additional thoughts that are “distant relatives” of the main context—notes that aren’t directly adjacent but still belong to the same conceptual neighborhood.

What’s the approach to icons, and why does it matter?

Icons are added to strengthen scanability and match a consistent visual vocabulary. The creator looks to Noun Project for inspiration, then recombines and slightly alters existing sketches from a personal stencil library. Emojis may also be integrated for certain themes (like online learning), making the MoC feel more expressive without losing navigational function.

What Obsidian features are expected to work with these Excalidraw MoCs?

Because Excalidraw drawings are integrated into the Obsidian environment, standard navigation features work on the map: Craft view backlinks, hover previews, and link navigation behave as expected. The map becomes an active part of the knowledge system rather than a static diagram.

Review Questions

  1. When building a new MoC in Obsidian with Excalidraw, what sequence of steps helps ensure the map stays structurally correct before you refine layout?
  2. What role do wiki links play in turning an Excalidraw drawing into an interactive index within Obsidian?
  3. How do contexts and indexes differ in the creator’s organizational model, and how does the daily journal function within that model?

Key Points

  1. 1

    Create MoC pages in Obsidian based on a context-driven structure imported from The Brain, using indexes and journal-linked trails as the underlying logic.

  2. 2

    Use Excalidraw to generate a dedicated drawing file for each MoC so the visual map lives inside the Obsidian vault.

  3. 3

    Populate the Excalidraw canvas by inserting wiki links to imported notes (hotkey Ctrl Shift K) rather than placing unlinked text nodes.

  4. 4

    Add all relevant links first, then refine the map by grouping and rearranging nodes for clarity.

  5. 5

    Expand selectively by adding related “distant” notes that still belong to the same context neighborhood.

  6. 6

    Add icons using Noun Project inspiration plus a personal stencil library, and optionally include emojis for thematic cues.

  7. 7

    Rely on Excalidraw’s integration so backlinks, hover previews, and link navigation work directly from the map.

Highlights

Excalidraw MoCs become functional navigation surfaces when every drawing node is a wiki link to a real Obsidian note.
The workflow emphasizes a two-phase build: link everything first, then group and polish the layout.
Icons are treated as part of the system’s “visual vocabulary,” built from Noun Project ideas and a stencil library.
Because Obsidian link features work on the drawing, the map functions like an index—not a static illustration.