Skip to content

Concept Label Length Histogram

Copy this iframe to your website:

1
<iframe src="https://dmccreary.github.io/claude-skills/sims/concept-length-histogram/main.html" width="100%" height="600px"></iframe>

Run Concept Label Length Histogram in Fullscreen

Overview

This interactive visualization analyzes the length distribution of all 200 concept labels in the learning graph for "Using Claude Skills to Create Intelligent Textbooks."

Key Statistics

  • Total Concepts: 200
  • Average Length: 23.77 characters
  • Median Length: 24 characters
  • Range: 11-36 characters
  • Standard Deviation: 5.15 characters
  • Compliance: 98.5% of labels are within the 32-character guideline

Distribution Analysis

The histogram shows that concept labels follow a roughly normal distribution centered around 24-26 characters:

  • Peak: 26 characters (20 concepts, 10%)
  • Most Common Range: 21-27 characters (80 concepts, 40%)
  • Shortest Label: "What is Git" (11 characters)
  • Longest Labels: "Difference Between Skills & Commands" and "Five Levels of Textbook Intelligence" (36 characters each)

Design Rationale

Concept labels in learning graphs should be:

  1. Concise: Short enough to display clearly in graph visualizations
  2. Descriptive: Long enough to convey meaning without context
  3. Scannable: Easy to read at a glance in node labels
  4. Consistent: Maintain similar length for visual balance

The 32-character guideline helps ensure labels remain readable in compact graph visualizations while providing sufficient context for learners.

Interactive Features

  • Hover over bars to see exact counts and percentages
  • Color-coded visualization with gradient background
  • Statistics cards showing key metrics at a glance
  • Example labels showing shortest and longest concepts

Observations

  1. Well-Distributed: Labels show good variation without extreme outliers
  2. Guideline Compliance: Only 3 labels exceed 32 characters (1.5%)
  3. Readability: Average length of ~24 characters is optimal for graph nodes
  4. Title Case Convention: All labels follow consistent formatting

Try It


Generated: 2025-11-08 Analysis Tool: Python with Chart.js visualization Data Source: learning-graph/concept-list.md