Get AI summaries of any video or article — Sign up free
6 Strategies for Linking your Visual Thoughts with Obsidian, Excalidraw & ExcaliBrain thumbnail

6 Strategies for Linking your Visual Thoughts with Obsidian, Excalidraw & ExcaliBrain

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

Embed images directly into Excalidraw when you want Excalibrain to reflect those visuals as linked nodes/children.

Briefing

Linking sketches to text in Obsidian becomes far more useful when images carry searchable metadata and relationships—not just when they’re pasted into a canvas. The core idea behind these six strategies is to treat drawings as first-class knowledge objects: embed images, tag them, link them to existing notes, and let Excalidraw/Excalibrain surface those connections as children, backlinks, and visual “friend” relationships.

A straightforward starting point is inserting an image directly into an Excalidraw sketch. In the example workflow, a video thumbnail lives as a separate Excalidraw drawing, then appears inside an Excalibrain view as a linked node. The same sketch can also embed other images (like a copied airplane) and reuse iconography across multiple places—so one visual element can function like a reusable concept rather than a one-off decoration. Excalibrain then reflects these embedded relationships in its graph.

To make library images reusable without losing discoverability, the transcript emphasizes adding text fields—especially tags—so the system can find the drawing later. When an icon is added from the stencil library, it may be hard to locate later because the item itself lacks context. The workaround is to attach tags, links, or Dataview fields to the image element. One example uses a transparent text element: the label is hidden in the drawing for visual cleanliness, but the Dataview field still stores a link (e.g., “example” mapped to a concept like “combining components”). That hidden metadata then drives Excalibrain’s visual grouping and shows where the concept is used.

Another approach flips the pattern: instead of tagging the embedded image, add text elements to the drawing itself. Creating a text element like “#example” automatically adds “example” to the tags list, and adding a double-bracket link creates an Excalibrain child node. The transcript also notes how unresolved links appear when the referenced note doesn’t yet exist in Obsidian—useful feedback for building out the knowledge base.

Beyond element-level tagging, the workflow can preserve structured metadata by writing in Markdown mode. Anything above the text elements—front matter, Dataview fields, tags, descriptions, and links—gets copied into Excalidraw and retained, enabling consistent linking to topics (like a YouTube content map) and relationships (like marking an icon as a “friend” of the drawing).

Finally, drawings can connect to the rest of the vault through backlinks and templates. Backlinks let other notes “point back” to a sketch, turning active work (like a daily note tagged “working on” a topic) into a richer relationship graph. Templates add another layer: right-click locking prevents template artwork from being accidentally selected, while editable overlays let users fill in resources and dates that become automatic links. The result is a set of composable strategies—metadata, relationships, backlinks, and templating—that together make visual thinking searchable and interconnected inside Obsidian’s note system.

Cornell Notes

The workflow centers on making Excalidraw sketches searchable and relational inside Obsidian by attaching metadata and links to visual elements. Images can be embedded directly, but the real leverage comes from adding tags, links, or Dataview fields—sometimes hidden via transparency—so Excalibrain can surface concepts as children and relationships. Markdown mode preserves front matter and Dataview fields above text elements, keeping tags and links intact when sketches are synced. The system also gains depth through backlinks from daily notes and through locked templates that users fill in with resources and dates that automatically become links.

How does embedding an image inside an Excalidraw sketch create useful connections in Excalibrain?

Embedding a separate Excalidraw drawing (like a video thumbnail) inside another sketch makes that image appear as a linked node in Excalibrain. The transcript’s example shows the thumbnail drawing linked to a YouTube channel map of content and also reflected as a child/relationship within the Excalibrain view. Embedded images can also include other copied visuals (e.g., an airplane), and reused icons (like a “sketchnote your brain” icon) can appear in multiple places, enabling consistent visual-to-graph connections.

Why does the stencil library approach need extra metadata, and how is it handled?

Stencils make it easy to reuse icons, but reused items may be hard to find later because they lack searchable context. The workaround is to add a text field to the drawing element—commonly a tag, a link, or a Dataview field. One example uses a transparent text element: the label is hidden in the drawing for cleanliness, but the Dataview field still stores a link (e.g., “example” pointing to “combining components”), which then drives Excalibrain’s concept grouping and usage counts.

What’s the difference between tagging an image element versus adding a text element to the drawing?

Tagging an image element attaches metadata to the embedded object itself (often via a tag or Dataview field on the image). Adding a text element to the drawing attaches metadata at the document level: creating a text element like “#example” makes “example” appear in the tags list, and adding a double-bracket link like [[example]] creates an Excalibrain child node. The transcript also notes that linked children can show as “unresolved” (different color) when the target note doesn’t exist yet in Obsidian.

How does Markdown mode help keep metadata attached to drawings?

In Markdown mode, content written above the text elements—front matter switches and Dataview fields—gets retained when Excalidraw/Excalibrain copies the sketch content. That means tags, descriptions, and links (such as linking a drawing to a YouTube channel map of content and to a visual vocabulary topic) persist. It also supports relationship lines like marking an icon as a “friend” of the drawing.

How do backlinks and templates extend linking beyond what’s inside the sketch?

Backlinks connect sketches to other notes in the vault: a daily note can include a Dataview tag like “I’m working on” a topic, which then becomes a “friend relationship” in Excalibrain. Templates add reusable structure: a template image can be right-click locked so it can’t be selected while editing. Users then fill in fields (resources, author, dates). Writing a date in a way that Obsidian recognizes can automatically create links, and the template page can show where it has been reused.

Review Questions

  1. When would hidden (transparent) text fields be preferable to visible labels in an Excalidraw sketch?
  2. How can unresolved links in Excalibrain help guide the next step in building out an Obsidian knowledge base?
  3. What metadata should be placed above text elements in Markdown mode to ensure it survives into Excalibrain?

Key Points

  1. 1

    Embed images directly into Excalidraw when you want Excalibrain to reflect those visuals as linked nodes/children.

  2. 2

    Add tags, links, or Dataview fields to stencil-library items so reused icons remain searchable later.

  3. 3

    Use transparent text elements when you want metadata stored without cluttering the drawing’s appearance.

  4. 4

    Add text elements (tags or [[links]]) to the drawing itself when you want document-level tagging and child-node creation.

  5. 5

    Write metadata in Markdown mode above text elements so front matter and Dataview fields are preserved into Excalibrain.

  6. 6

    Create richer connections by adding backlinks from daily notes or other vault documents to sketches.

  7. 7

    Use locked templates to standardize sketch layouts while letting users fill in resources and dates that can become automatic links.

Highlights

Hidden metadata can be stored via transparent text: the label disappears visually, but Dataview fields still drive Excalibrain relationships.
Unresolved links in Excalibrain act like a to-do list—pointing to notes that don’t exist yet in the vault.
Markdown mode retention hinges on what’s placed above the text elements; that’s where tags and Dataview fields survive.
Locked templates prevent accidental editing of the template artwork, making it safe to overlay resources and dates quickly.

Mentioned

  • Dataview