Trace Awareness Framework
Interactive D3 Visualizations for Design Space Exploration
Explore the Visualizations
π§
Domain and Channel Heatmap
Rows = domains, columns = modalities and channels.
π₯
Visibility Γ Function Heatmap
Rows = 12 trace functions, columns = visibility buckets (visible / implicit / both).
π―
Dimension Explorer - All Systems
Explore ALL framework dimensions in matrix view. Switch between functions, modalities, channels, origin, context, capture agency, context window, and visibility.
π
Function and Domain Heatmap Distribution
Compare how each domain supports the 12 trace functions.
πͺ’
Visibility/Function Chord Diagram
Flows from visibility dimension to either all 12 functions or the 3 orientati
ons (retrospective / manipulation / prospective). Ribbon width = system counts.
β
Visibility Γ Implicit Usage Quadrants
X = trace visibility, Y = implicit usage. Colors show trace awareness (red dots are non trace-aware); Non trace-aware systems land in No/No.
π³
Simple Treemaps
15 simple treemap views - each box is just one category. See domains, tech stacks, trace awareness, modalities, and more at a glance. Plus DomainβFunctions (nested).
π§©
Treemap Builder
Create custom treemaps by choosing grouping, size metric, and color encoding.
π
Systems by Domain (Bar Chart)
Simple counts per domain with optional stacking by trace awareness.
π
Pre/Post Gen-AI Text Modality and Channel Analysis
Explore how text channels evolved Pre vs. Post GenAI. Two views: diverging bars and timeline.