obsidian-graph-view

Render JSON data into spherical node graphs with customizable styling.

256|38|Updated Jun 16, 2026
One-click install
npx skills add https://github.com/twhsi/skills --skill obsidian-graph-view
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: obsidian-graph-view
Source: https://github.com/twhsi/skills/tree/main/skills/obsidian-graph-view
Command: npx skills add https://github.com/twhsi/skills --skill obsidian-graph-view

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a means to visualize structured data, particularly Obsidian-style graphs, enhancing comprehension and exploration of complex relationships and structures.

Core Features & Use Cases

  • Graph Rendering: Creates visual graphs from various data formats including JSON for use with note-taking apps like Obsidian.
  • Customization: Offers customizable graph styles with node weighting, coloring, and layout rules.
  • Data Mapping: Allows mapping of data structures such as TOCs, keyword indexes, and graph JSON formats.

Quick Start

To visualize the graph data in 'project-note.json', use the obsidian-graph-view skill with the 'render' command.

Frequently Asked Questions about obsidian-graph-view

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate visual weighted graphs from structured JSON data?

Yes, you can render Obsidian-style graphs by mapping structured JSON data into visual representations. This Skill creates spherical node graphs suitable for note-taking apps, utilizing vector graphics and customizable layout rules for complex relationships.

What is the best way to visualize a table of contents or keyword index as a graph?

The best way to visualize a table of contents or keyword index is by mapping these data structures into the graph JSON format. This Skill utilizes customizable graph styles with node weighting and coloring to represent educational content curation visually.

Does this graph visualization approach support custom node coloring and layout rules?

Yes, this graph visualization approach supports custom node coloring and layout rules. It offers customizable graph styles that allow you to define node weighting and visual characteristics based on your specific structured data mapping requirements.

Can I use vector graphics for knowledge visualization in note-taking apps?

To start visualizing project notes, use the render command with your structured JSON file. This Skill will process the data mapping and apply dynamic node placement based on semantic significance to create your visual graph output.