Visual Layout Stability Lab
Toggle navigation
Home
landing
timeline
comparison
Visual Layout Stability Lab
Analyze and compare layout stability algorithms across code repositories
Commit Timeline
Explore commit-by-commit layout previews and trace movement vector fields for a single repository. Visualize file displacements, sizes, and scale changes over time.
Layout Comparison
Compare stability metrics across all repositories. Determine which layout algorithm performs best by minimizing displacement and scale fluctuations.
Back to Landing Page
Repo Controls
Select Repository:
aws-devops-zero-to-hero
git-2-homeworks-pr
jekyll-now
my-app
phase-0-javascript-events-acting-on-events-lab
phase-1-stitching-together-the-three-pillars
python-for-devops
python-sample-vscode-flask-tutorial
react-hooks-react-app-example
react-hooks-running-tests
Layout Method:
Wrap Column
No Wrap Column
No Wrap Compression
Tile 0.5x
Tile 1x
Tile 2x
Tile 4x
Tile 8x
Stable Treemap
Stable Grid
Compression
Per File Slack
Stable Grid Compression
Animation Speed:
Snail (5s)
Slow (2s)
Normal (1.2s)
Fast (0.5s)
Supersonic (0.1s)
Repository Timeline Controls
Graph Controls
Summarize All History
When checked, timeline graphs show cumulative historical trends. Unchecked shows single commit comparisons.
Select All
|
Clear All
Select Graphs to Display:
Vector Displacement Field
Cognitive Jitter (Violin)
Status Counts
Scale Fluctuation
Avg Displacement
Avg DX
Avg DY
Displacement File Count
DX File Count
DY File Count
Avg Width Change
Avg Height Change
Width Change Count
Height Change Count
Back to Landing Page
Layout Stability Comparison
Overall Layout Performance Metrics
Comparison Controls
Select Repository:
All Repositories
aws-devops-zero-to-hero
git-2-homeworks-pr
jekyll-now
my-app
phase-0-javascript-events-acting-on-events-lab
phase-1-stitching-together-the-three-pillars
python-for-devops
python-sample-vscode-flask-tutorial
react-hooks-react-app-example
react-hooks-running-tests
Filter metrics by a specific repository or view aggregate statistics across all processed codebases.
Min Avg Files in Repo:
Max Avg Files in Repo:
Refresh Data
Displacement Comparison
Displacement Consistency (Variance)
Average Scale Trend Over Commits
Canvas Scale Factor Distribution & Spread
Overall Displacement Volatility
Worst-Case Outlier Comparison
Layout Scale Change Deviation (Bar Plot)
File Status Distribution by Layout
Average Files Moved Comparison
Worst-Case Stability Efficiency (Displacement per Line, px/line)
Layout Stability Efficiency (Average Displacement per Line, px/lines)