DEV Community

Cover image for I added a full analytics dashboard to my GitHub solar system visualizer and it actually looks professional
Muhammad Abdullah
Muhammad Abdullah

Posted on

I added a full analytics dashboard to my GitHub solar system visualizer and it actually looks professional

Phase 7 of Stack Universe just shipped. The solar system is still there. Now there is a clean analytics dashboard sitting behind it showing everything the planets communicate visually but in graphs and charts a manager or recruiter can actually read.

→ Stack Universe

Quick context if you are new

Stack Universe turns any GitHub username into a unique 3D solar system. Repos are planets sized by star count orbiting at speeds from last push date. Commit messages float on shooting stars. CI/CD runs are live space weather. Failing builds crack your planets. Deploy streaks build golden auras. Every developer gets a permanent URL as their coordinate in the multiverse.

Previous phases added repo health scores, GitHub Actions weather, OAuth to claim your universe, README embeds, a full AI layer with roast mode and developer identity, a flyable spaceship through the multiverse, constellation maps, multiplayer presence, and universe radio.

Phase 7 gives all that data a professional face.

What shipped in Phase 7

Click the ANALYTICS button in the HUD and a full screen dashboard slides open. Six tabs. Every tab is a different lens on your GitHub data.

Overview tab

Two arc gauges sit at the center. Universe score in gold showing your exact score with the distance tier label underneath it. System health in cyan showing your 0 to 100 health score. Below both gauges a stats row shows total stars, repo count, language count, current streak, account age, and universe score all in one line

The score breakdown is the part I am most proud of. A horizontal stacked bar shows exactly how your universe score was calculated. Stars contribution, repos contribution, languages contribution, account age contribution. Each segment is colored and labeled with both the percentage and the actual points. For the first time developers can see exactly why their score is what it is and what they need to improve to move closer to the Multiverse Core.

Repos tab

Horizontal bar chart with every repo on the Y axis and health score on the X axis. Bars are color coded matching planet colors exactly so the analytics and the solar system feel connected. Green is healthy, yellow is decent, orange is struggling, red is critical. Sortable by health score, star count, and last push date. Clicking any repo row pulses that planet in the solar system behind the panel.

Activity tab

12 month area chart showing commit frequency across the year. Multiple colored lines for the top three repos so you can see which ones are driving activity and which ones went quiet. Most active month is highlighted. Quiet periods are visible immediately.

Languages tab

Donut chart with language percentages matching planet colors exactly. Hover any segment for language name, percentage, and repo count. Language list below sorted by percentage with colored bars. Trend arrows show which languages are growing versus shrinking if historical snapshot data exists.

CI/CD tab

Only appears if GitHub Actions exists on tier one repos. Grouped bar chart per repo showing last ten builds. Green is passed, red is failed. Pass rate percentage per repo with a progress bar. Current deploy streak number. Empty state for repos without Actions: No GitHub Actions detected, add a workflow to see your space weather history here.

Growth tab

Line chart showing cumulative stars over account lifetime. Spike annotations appear when the line jumps significantly labeling the repo that caused the spike. Below the chart a scatter plot shows repo age on the X axis and star count on the Y axis with each dot colored by language. Shows at a glance which repos are veterans still earning stars, which are rising fast, and which were one hit wonders.

Export and share

PDF button top right generates a clean formatted report. Share button generates a public read only link at https://stackuniverse.vercel.app/analytics/username. Send it to a recruiter or manager and they can read your GitHub health without needing to understand solar systems.

Why this phase matters

A developer who visits Stack Universe and searches their username gets the wow moment from the solar system. That wow moment makes them share it once. The analytics dashboard is what makes them come back.

What the full product looks like now

Phase 1 gave every developer a beautiful universe. Phase 2 made every planet informative with health scores and PR moons. Phase 3 made it live with GitHub Actions weather. Phase 4 gave developers ownership through OAuth and README embeds. Phase 5 gave it a voice with AI roast, narrator, horoscope, and identity. Phase 6 connected every universe into a community with a flyable spaceship and constellation map. Phase 7 made it professional with a full analytics dashboard.

Phase 8 is next | the combat system. Universe battles where your GitHub stats become weapons. Stars fire as cannons. Commit streak is your damage multiplier. Followers are your shield rating. After that Phase 9 is monetisation with the Pro tier launch via Lemon Squeezy.

An honest note

This is a side project and I am still learning and improving with every phase I ship. Seven phases has taught me more than anything else I have built. If you are an experienced developer and see something I should be doing differently in the Recharts implementation, the PDF generation, the analytics data modeling, or anything else I genuinely want to hear it.
The analytics dashboard screenshot is honestly the thing I am most proud of shipping so far. It looks like something a funded team built. It was built solo as a side project.

Try yours at Stack Universe and click the ANALYTICS button.

Drop your universe URL in the comments.

Top comments (0)