# Learning Graph JSON Schema Diagram

> ├─ "metadata" (blue rounded rectangle) │ ├─ title: string │ ├─ description: string │ ├─ creator: string │ ├─ date: string (ISO 8601) │ ├─ version: string │ ├─ format: string │ └─ license: string │ ├─ "groups" (green…

- Skill: `tools-only/learning-graph-json-schema-diagram` (Agent Skill, multi-file: 3 files)
- Install (CLI): `npx skillmds@latest add tools-only/learning-graph-json-schema-diagram`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tools-only/learning-graph-json-schema-diagram/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tools-only (https://skillmd.com/u/tools-only)
- Updated: 2026-09-29
- Page: https://skillmd.com/skills/tools-only/learning-graph-json-schema-diagram

---

# Learning Graph JSON Schema Diagram

**Chapter:** 07 - Taxonomy Data Formats
**Generator:** mermaid-generator
**Match Score:** 92/100
**Difficulty:** Medium

## Specification

<summary>Learning Graph JSON Schema Diagram</summary>
    Type: diagram

    Purpose: Visualize the hierarchical structure of the learning graph JSON format

    Layout: Tree diagram showing nested structure

    Components:
    - Root: "learning-graph.json" (gold rounded rectangle)
      ├─ "metadata" (blue rounded rectangle)
      │  ├─ title: string
      │  ├─ description: string
      │  ├─ creator: string
      │  ├─ date: string (ISO 8601)
      │  ├─ version: string
      │  ├─ format: string
      │  └─ license: string
      │
      ├─ "groups" (green rounded rectangle)
      │  ├─ FOUND: {color, font, shape}
      │  ├─ BASIC: {color, font, shape}
      │  └─ ... (other taxonomy groups)
      │
      ├─ "nodes" (purple rounded rectangle)
      │  ├─ [0]: {id: number, label: string, group: string}
      │  ├─ [1]: {id: number, label: string, group: string}
      │  └─ ... (array of 200 concept objects)
      │
      └─ "edges" (orange rounded rectangle)
         ├─ [0]: {from: number, to: number}
         ├─ [1]: {from: number, to: number}
         └─ ... (array of dependency relationships)

    Visual style: Tree diagram with connecting lines

    Color coding:
    - Gold: Root document
    - Blue: Metadata section
    - Green: Groups/styling section
    - Purple: Nodes/content section
    - Orange: Edges/relationships section

    Annotations:
    - "Required by vis-network" label pointing to nodes and edges
    - "Dublin Core metadata" label pointing to metadata section
    - "Visual styling" label pointing to groups section
    - "~200 objects" annotation on nodes array
    - "~600 objects" annotation on edges array (for 200-concept graph with avg 3 dependencies)

    Implementation: SVG tree diagram with labeled boxes and connecting lines