API - Widget
Copy‑paste one of these and you’re done.
GitHub README (Markdown)

Website embed (HTML img)
<img src="http://localhost:3000/api/streaks/svg?username=TusharSoni014&theme=dark&accent=%232ea043&_v=1" alt="GitHub streaks via ChronoGit" />
Tip: GitHub caches images via a proxy; add a cache-bust query like
&_v=1 when needed.Options
SVG API:
/api/streaks/svgusernameoruser: requiredtheme:dark|light(defaultdark)accent: hex color, default#2ea043(encode as%232ea043)hide_border:true|false(defaultfalse)header_color: hex color for header textbgorbg_color: background hex colorborderorborder_color: border hex coloruse_name:trueto show full name in headerwatermark:true|false(defaulttrue) - show/hide “Powered by ChronoGit” footer
Quick Example
http://localhost:3000/api/streaks/svg?username=TusharSoni014&theme=dark&accent=%232ea043&header_color=%23e6edf3&bg=%230d1117&border=%2330363d&use_name=true&watermark=true&_v=1
Note:
&_v=1 is included to bypass GitHub's image cache.Metrics Explained
Widget Columns
- Current Days: consecutive days with at least one public contribution (matches what your GitHub profile shows if private-as-public is enabled).
- Longest: the longest continuous streak in the visible range (typically last 12 months).
- Rank: gamified level derived from your longest streak length.
Developer Ranks
- 🥱 Newbie — 0–6 days
- 🌱 Rookie — 7–29 days
- 👨💻 Coder — 30–59 days
- 💻 Hacker — 60–179 days
- ⚡ Legend — 180–364 days
- 🔥 God Mode — 365+ days
Widget Anatomy
Progress Ring
Shows current streak in the center, and progress to the next milestone below. Milestones:
7, 14, 30, 50, 75, 100, 150, 200, 365.Activity Strip
A 30‑day presence strip; each square = a day. Colored squares indicate at least one contribution. Right label shows active days out of 30.
Achievement Dots
Targets at
7, 30, 90, 180, 365 days. Filled when your current streak meets/exceeds the target.Example user: @TusharSoni014. Replace with your GitHub username.