highlight-graph

Visualize Readwise highlights and their cross-source connections in a 2D graph.

Updated May 18, 2018

Search Tags:#connections #interactive #visualization #highlights #graph #readwise

Ready to run

npx skills add https://github.com/812lcl/dotfiles --skill highlight-graph

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: highlight-graph
Source: https://github.com/812lcl/dotfiles/tree/main/.agents/skills/highlight-graph
Command: npx skills add https://github.com/812lcl/dotfiles --skill highlight-graph

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visualize your Readwise highlights and their interconnections in a dynamic 2D graph to discover thematic links across sources.

Core Features & Use Cases

Interactive 2D force-graph visualization of highlights, books, and sources
Cross-source connections to reveal shared themes and language
Expandable detail panel showing per-highlight context, notes, and source metadata
Use Case: Compare highlights from two or more books to surface overlapping concepts and relationships

Quick Start

Fetch your highlights, build the graph, and view the interactive HTML visualization.

Frequently Asked Questions about highlight-graph

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

FAQPage Schema

How do I visualize Readwise highlights as an interactive graph?▼

To visualize Readwise highlights as an interactive graph, fetch your highlights to build a 2D force-graph that reveals cross-source connections and shared themes. The tool outputs highlights and connections in JSON for the graph builder.

What is the best way to compare themes across multiple books using my highlights?▼

The best way to compare themes across multiple books is to map your highlights into a dynamic 2D graph. This interactive visualization reveals overlapping concepts and shared language between different sources.

How does the graph visualization show connections between highlights?▼

The graph visualization identifies and maps relationships between highlights by applying force-graph mechanics to JSON output. It reveals cross-source connections, allowing you to inspect individual highlights alongside their source metadata.

Can I view source metadata and notes for individual highlights in the graph?▼

Yes, you can view source metadata and notes for individual highlights in the graph. The visualization features an expandable detail panel that displays per-highlight context and source metadata.

Do I need any external dependencies to generate the highlights graph?▼

No external dependencies are required to generate the highlights graph. The process uses a YAML frontmatter with name and description, outputs JSON for the graph builder, and supports optional assets.