Skip to content

feat: add ?view=skyline — City Skyline contribution visualization #3597

@Kajol1906

Description

@Kajol1906

Is your feature request related to a problem? Please describe.

GitHub retired their popular Skyline project, which allowed developers to visualize their yearly contributions as a 3D city. It was one of the most loved developer tools — thousands of developers used it to showcase their coding journey in a visually memorable way.

Currently, CommitPulse offers 4 SVG view modes (default, monthly, heatmap, pulse). While these are powerful, they are all either grid-based or chart-based visualizations. None of them render contributions as a panoramic city horizon — a cinematic, poster-like silhouette format that many developers loved about GitHub Skyline. With no embeddable replacement available anywhere, there's a clear gap for a skyline-style visualization that users can drop into their README.

Describe the solution you'd like

Add a new ?view=skyline parameter that renders contribution data as a city skyline silhouette:

  • Weekly building bars: Group daily contributions into ~52 weekly buckets. Each week becomes a vertical building whose height is proportional to total weekly commits — the more you code, the taller your city grows.
  • Gradient sky background: A dark-to-accent-color gradient creating a dusk/dawn horizon glow behind the skyline, giving it a cinematic feel.
  • Architectural details: Subtle window-light rectangles on building faces to make them feel like real structures, not just bars.
  • Star particles: Small dot elements scattered in the sky area above the skyline for added depth.
  • Animated entrance: Buildings rise from the ground using SVG <animate>, with support for ?animate=false for static PNG/PDF exports.
  • Full compatibility: Works with all existing themes (neon, dracula, gruvbox, etc.), custom colors (bg, accent, text), size variants (small, medium, large), and parameters like hide_title, hide_stats.

Usage:
![Skyline](https://commitpulse.vercel.app/api/streak?user=YOUR_USERNAME&view=skyline)
![Skyline Neon](https://commitpulse.vercel.app/api/streak?user=YOUR_USERNAME&view=skyline&theme=neon)

Describe alternatives you've considered

  • Using the existing isometric default view — but that's a top-down 3D grid, not a horizon silhouette. The visual language is fundamentally different and serves a different aesthetic preference.
  • GitHub's original Skyline project — but it was retired and is no longer available. There is currently no embeddable replacement on the internet.
  • A simple view=bar bar chart — this would work functionally but would lack the cinematic, architectural quality (gradient sky, window lights, star particles) that matches CommitPulse's premium design philosophy.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions