tools-only Concept Label Length Histogram
Copy this iframe to your website:
<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{ .md-button .md-button--primary }
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:
- Concise: Short enough to display clearly in graph visualizations
- Descriptive: Long enough to convey meaning without context
- Scannable: Easy to read at a glance in node labels
- 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
- Well-Distributed: Labels show good variation without extreme outliers
- Guideline Compliance: Only 3 labels exceed 32 characters (1.5%)
- Readability: Average length of ~24 characters is optimal for graph nodes
- Title Case Convention: All labels follow consistent formatting
Try It
Related Files
- Concept List - Full list of all 200 concepts
- Learning Graph - Complete learning graph documentation
- Graph Viewer - Interactive graph visualization
Generated: 2025-11-08 Analysis Tool: Python with Chart.js visualization Data Source: learning-graph/concept-list.md