Skip to content

Proposal: soccer-themed GitHub activity graph (Widgets) — fit & overlap? #103

Description

@AlexBybye

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

Most GitHub activity graphs in the Widgets list share a similar look. When several profiles use the same widget, they blend together — there isn't much variety for people who want their activity chart to match a specific theme or personality.

Describe the solution you'd like

A standalone, embeddable SVG endpoint (.../graph?username=...) that renders a user's recent GitHub activity as a soccer "attack-pulse" line chart drawn on a pitch, highlighting their peak-activity moment. It drops straight into any profile README as an image, just like the existing widgets.

It also supports soccer-themed color presets via a club param (e.g. &club=...) — just palettes, no official logos or trademarks — so users can match the chart to their favorite team's colors, with a sensible default when none is given.

Describe alternatives you've considered

[github-readme-activity-graph](https://github.com/Ashutosh00710/github-readme-activity-graph) (#17) already covers generic activity graphs. This isn't meant to replace it — it's a distinct visual theme (a soccer pitch plus team-color presets) rather than another general-purpose graph. I'd like to confirm a themed variant is enough to justify a separate entry before opening a PR.

Additional context

Here's how it currently looks (live on my blog: https://alexbybye.github.io/) — see attached screenshot.

A few notes on the standalone SVG version:

  • The activity analysis carries over fully. All the stats — attacking actions, active days, repositories, dominant event type ("play style"), and the daily pulse line with its peak marker — are computed server-side from the GitHub events data, so they're identical in the SVG endpoint.
  • What can't be preserved (static-image limits): hover tooltips on data points, the "Replay attack" button, and the confetti burst at the peak — these rely on runtime JS. The one-time reveal animation on load can still be kept via SMIL/CSS in the SVG.

Once it's a working, publicly hosted endpoint, I'll follow the contribution format and add it to the bottom of the Widgets list. Happy to include an example image in the PR.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions