00 // Interactive Studio

Build the signal layer
your work deserves.

Configure only what you can support with evidence. Preview the result, inspect provenance, and copy portable README Markdown.

Evidence preview

@octocat

Synthetic

Synthetic starter data — run Preview to refresh it through the API.

Selected card gallery

8 previews

Preview canvasAutoDarkLight

Developer atlas

A responsive overview of contribution rhythm, activity, languages, and project health.

Synthetic demo

CommitAtlas developer atlas preview for @octocat

Profile snapshot

Public repository, follower, contribution, and star signals at a glance.

Synthetic demo

Contribution streak

Current and longest observed streaks with an honest history boundary.

Synthetic demo

CommitAtlas contribution streak preview for @octocat

Contribution breakdown

Exact categorized counts when available; otherwise clearly labelled public-profile percentages.

Synthetic demo

CommitAtlas contribution breakdown preview for @octocat

Personal rhythm

Transparent personal consistency based on density and streak — not a GitHub rank.

Synthetic demo

CommitAtlas personal rhythm preview for @octocat

Activity map

A compact calendar view of public contribution density over time.

Synthetic demo

CommitAtlas activity map preview for @octocat

Language mix

Public repository-language distribution, presented without proficiency claims.

Synthetic demo

CommitAtlas language mix preview for @octocat

Project signals

Declared lifecycle, named-workflow CI, release, and repository signals.

Synthetic demo

CommitAtlas project signals preview for @octocat

Project dashboard

2 declared projects

Open links below

Hello-World

Synthetic project preview — run Preview to load the API.

active

CI: Not configured
Release: Unavailable
Workflow: Not configured
Source: Synthetic

Source

Spoon-Knife

Synthetic project preview — run Preview to load the API.

maintenance

CI: Not configured
Release: Unavailable
Workflow: Not configured
Source: Synthetic

Source

README Markdown

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/atlas.svg?user=octocat&repos=Hello-World%2CSpoon-Knife&states=Hello-World%3Aactive%2CSpoon-Knife%3Amaintenance&demo=true&theme=ember&days=365&motion=subtle&layout=wide">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/atlas.svg?user=octocat&repos=Hello-World%2CSpoon-Knife&states=Hello-World%3Aactive%2CSpoon-Knife%3Amaintenance&demo=true&theme=paper&days=365&motion=subtle&layout=wide">
  <img alt="CommitAtlas Atlas" src="https://your-commitatlas-host.example/api/v1/cards/atlas.svg?user=octocat&repos=Hello-World%2CSpoon-Knife&states=Hello-World%3Aactive%2CSpoon-Knife%3Amaintenance&demo=true&theme=ember&days=365&motion=subtle&layout=wide">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/profile.svg?user=octocat&demo=true&theme=ember&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/profile.svg?user=octocat&demo=true&theme=paper&motion=subtle">
  <img alt="CommitAtlas Profile" src="https://your-commitatlas-host.example/api/v1/cards/profile.svg?user=octocat&demo=true&theme=ember&motion=subtle">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/streak.svg?user=octocat&demo=true&theme=ember&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/streak.svg?user=octocat&demo=true&theme=paper&motion=subtle">
  <img alt="CommitAtlas Streak" src="https://your-commitatlas-host.example/api/v1/cards/streak.svg?user=octocat&demo=true&theme=ember&motion=subtle">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/breakdown.svg?user=octocat&demo=true&theme=ember&days=365&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/breakdown.svg?user=octocat&demo=true&theme=paper&days=365&motion=subtle">
  <img alt="CommitAtlas Breakdown" src="https://your-commitatlas-host.example/api/v1/cards/breakdown.svg?user=octocat&demo=true&theme=ember&days=365&motion=subtle">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/rhythm.svg?user=octocat&demo=true&theme=ember&days=365&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/rhythm.svg?user=octocat&demo=true&theme=paper&days=365&motion=subtle">
  <img alt="CommitAtlas Rhythm" src="https://your-commitatlas-host.example/api/v1/cards/rhythm.svg?user=octocat&demo=true&theme=ember&days=365&motion=subtle">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/activity.svg?user=octocat&demo=true&theme=ember&days=365&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/activity.svg?user=octocat&demo=true&theme=paper&days=365&motion=subtle">
  <img alt="CommitAtlas Activity" src="https://your-commitatlas-host.example/api/v1/cards/activity.svg?user=octocat&demo=true&theme=ember&days=365&motion=subtle">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/cards/languages.svg?user=octocat&demo=true&theme=ember&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/cards/languages.svg?user=octocat&demo=true&theme=paper&motion=subtle">
  <img alt="CommitAtlas Languages" src="https://your-commitatlas-host.example/api/v1/cards/languages.svg?user=octocat&demo=true&theme=ember&motion=subtle">
</picture>

<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://your-commitatlas-host.example/api/v1/projects.svg?owner=octocat&repos=Hello-World%2CSpoon-Knife&states=Hello-World%3Aactive%2CSpoon-Knife%3Amaintenance&demo=true&theme=ember&motion=subtle">
  <source media="(prefers-color-scheme: light)" srcset="https://your-commitatlas-host.example/api/v1/projects.svg?owner=octocat&repos=Hello-World%2CSpoon-Knife&states=Hello-World%3Aactive%2CSpoon-Knife%3Amaintenance&demo=true&theme=paper&motion=subtle">
  <img alt="CommitAtlas Projects" src="https://your-commitatlas-host.example/api/v1/projects.svg?owner=octocat&repos=Hello-World%2CSpoon-Knife&states=Hello-World%3Aactive%2CSpoon-Knife%3Amaintenance&demo=true&theme=ember&motion=subtle">
</picture>

Run Preview to bind these URLs to this Studio origin. Local URLs are for preview only.