skills.rest
812lcl
812lclCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/812lcl/dotfiles --skill highlight-graph
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Data & Analytics Skills→
nikbrunnernikbrunner

highlight-graph

Build an interactive HTML graph of Readwise highlights grouped by book.

Community
Intermediate
yangliu2060yangliu2060
39

ai-readability-audit

Audit websites for AI readability using JSON-LD, Open Graph, and semantic HTML.

Community
Intermediate
edwinhuedwinhu
19

readwise-search

Search Readwise highlights, quotes, notes, and annotations via Readwise APIs.

Community
Intermediate
guideopsguideops

graphify

Convert documents and files into a structured knowledge graph with cluster detection.

Community
Advanced