Posts tagged with astro

Explore 4 articles related to astro

Content Connections

Explore how astro relates to other content and tags

How to use the Knowledge Graph

This Knowledge Graph visualizes connections between blog content:

Posts - Blog articles (circle nodes)
Tags - Content topics (diamond nodes)

Interactions:

Click a node to see its connections and details
Click a tag node to filter posts by that tag
Click a post node to highlight that specific post
Use the filter buttons below to focus on specific topics
Use mouse wheel to zoom in/out and drag to pan
Click an empty area to reset the view
In fullscreen mode, click a post to view its full content

Initializing Knowledge Graph...

Node Title

Type

Category: Category Name

Tags:

Connections:

View Content

🏷️

Tag Name

0 Posts

0 Related Tags

📝 Connected Posts

🔗 Related Tags

View All Posts with this Tag

Post Title

Category:

Tags:

Select a post node to view its content

⚙️ Graph Settings

🌌 Layout

Live Physics (Best with Force layout)

Center Force: 0.05

Repel Force: 3500

Link Force: 0.3

Link Distance: 200

Damping: 0.85

🦔 Obsidian-Style Tuning

Spine Length: 10

Bridge Length: 150

Node Scale: 1.0

Label Threshold: 3

Current Values:

centerForce: 0.05, repelForce: 3500, linkForce: 0.3, linkDistance: 200, damping: 0.85

Articles

Feb 3, 2026 8 min read

Tendril: I Built the Obsidian Graph View for the Web

After months of a graph that worked but felt dead, I spent 3 hours tuning physics until it finally felt like Obsidian. Then I open-sourced it.

#open-source #javascript #visualization #obsidian #astro

Jan 29, 2026 8 min read

Building Tendril: A Knowledge Graph for Blog Posts

Blog posts shouldn't exist in isolation. I spent a day extracting my knowledge graph into a standalone library, and now anyone can wire up the same interactive visualization for their own site.

#javascript #open-source #visualization #astro #blog

Jan 27, 2026 18 min read

Building an Interactive Knowledge Graph for a Static Site with Cytoscape.js

How I built an Obsidian-like graph visualization for my Astro blog with physics-based node interactions, fullscreen content preview, and real-time filtering. Technical walkthrough with code.

#astro #javascript #visualization #digital-garden #cytoscape

Apr 18, 2025

Building a Digital Garden with Quartz, Obsidian, and Astro

How to transform your Obsidian notes into a beautiful, connected public digital garden using Quartz and Astro

#quartz #obsidian #digital-garden #knowledge-management #astro