GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - pphatdev/github-stats: :octocat: Generate dynamic, futuristic SVG cards displaying GitHub user statistics for your README files!

BranchesTags
Open more actions menu

Latest commit

 

History

653 Commits
653 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
 
 
.vscode
.vscode
 
 
docs
docs
 
 
drizzle
drizzle
 
 
nginx
nginx
 
 
public
public
 
 
scripts
scripts
 
 
src
src
 
 
.dockerignore
.dockerignore
 
 
.env.example
.env.example
 
 
.gitignore
.gitignore
 
 
CODE_OF_CONDUCT.md
CODE_OF_CONDUCT.md
 
 
CONTRIBUTING.md
CONTRIBUTING.md
 
 
Dockerfile
Dockerfile
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
compose.yaml
compose.yaml
 
 
drizzle.config.ts
drizzle.config.ts
 
 
ecosystem.config.cjs
ecosystem.config.cjs
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
render.yaml
render.yaml
 
 
tsconfig.json
tsconfig.json
 
 
wrangler.toml
wrangler.toml
 
 

Repository files navigation

Fast GitHub Stats Graph 🚀

Create beautiful GitHub stats cards, badges, icons, and contribution graphs that are easy to customize and perfect for your profile README or project docs.

Deployment guide: docs/DEPLOYMENT.md · Docker build guide: docs/docker-build.md

🛜 For Load balance

Domain Owner Notes
https://stats.pphat.top @pphatdev Primary
https://stats.sophat.top @pphatdev Secondary
https://stats1.pphat.top @L-Sophat Secondary Up time only: 08:00AM -> 05:00PM Phnom Penh
https://github-stats-3hu8.onrender.com @pphatdev Secondary
https://githubstats.up.railway.app @L-Sophat Secondary

🌟 Examples Icons Usage

✨ Icon Collections

Render multiple icons into one SVG image using the name query parameter. for more detail checkout Here

Icons Sizes [small | medium | large]

![icon-collection-basic](https://stats.pphat.top/icons?name=react,typescript,github&size=small)

Preview Example

icon-collection-basic

icon-collection-basic

Columns [1 | 2 | 3 | 4 | 5 | 6|...] maximum 50

Customize with 3 columns

![icon-collection-basic](https://stats.pphat.top/icons?name=react,typescript,github,javascript,nextjs,nuxt&columns=3)

Preview Example

icon-collection-basic

Color Mapping

Mapped colors (index by index):

![icon-collection-colors](https://stats.pphat.top/icons?name=react,typescript,github&color=%230088CC,%233178C6,white)

Example Demo

icon-collection-colors

Partial colors (remaining icons use fallback colors):

![icon-collection-partial-colors](https://stats.pphat.top/icons?name=react,typescript,github,tailwindcss,postgresql&color=%2300AACC,%23EAB308)

Example Demo

icon-collection-partial-colors

Effects [glow | wave]

![icon-collection-glow](https://stats.pphat.top/icons?name=react,typescript,github,tailwindcss&effect=glow&columns=2)

Example Demo

Wave:

icon-collection-wave

Glow:

icon-collection-glow

Combined Example

Size + colors + wave + columns:

icon-collection-combined

👍 Icon by names

Normal Icon

for more detail checkout Here

![icon-react](https://stats.pphat.top/icons/react?color=%230088CC)
![icon-python](https://stats.pphat.top/icons/python?color=%234584B6)

Example Demo

icon-react icon-python

Effect icon

![icon-react](https://stats.pphat.top/icons/react?color=%230088CC&glow=true&glowColor=%230088CC)
![icon-python](https://stats.pphat.top/icons/python?color=%234584B6&glow=true&glowColor=%234584B6)

Example Demo

icon-react icon-python

📊 Stats Card Examples

for more detail checkout Here

Default

![stats-default](https://stats.pphat.top/stats?username=pphatdev)

stats-default

Theme + Avatar Mode

![stats-theme](https://stats.pphat.top/stats?username=pphatdev&theme=tokyonight&avatar_mode=radar)

stats-theme

Minimal Card

![stats-minimal](https://stats.pphat.top/stats?username=pphatdev&hide_title=true&hide_rank=true&hide_border=true)

stats-minimal

Combined Example

![stats-combined](https://stats.pphat.top/stats?username=pphatdev&theme=dracula&custom_title=My%20GitHub%20Stats&data_border_style=frame&data_border_frame=out&show_icons=true)

stats-combined

💻 Languages Card Examples

for more detail checkout Here

Default

![languages-default](https://stats.pphat.top/languages?username=pphatdev)

languages-default

Card and Pie

![languages-card](https://stats.pphat.top/languages?username=pphatdev&type=card)
![languages-pie](https://stats.pphat.top/languages?username=pphatdev&type=pie)

languages-card languages-pie

Theme + Info Style

![languages-themed](https://stats.pphat.top/languages?username=pphatdev&theme=dracula&show_info=true&info_outline=frame)

languages-themed

📈 Contribution Graph Examples

for more detail checkout Here

Default

![graph-default](https://stats.pphat.top/graph?username=pphatdev)

graph-default

Animated Variants

![graph-wave](https://stats.pphat.top/graph?username=pphatdev&animate=wave&theme=aurora)
![graph-pulse](https://stats.pphat.top/graph?username=pphatdev&animate=pulse&theme=matrix)

graph-wave graph-pulse

🏷️ Badge Examples

Generate customizable GitHub badges for users and repositories with real-time data, caching, and visual effects.

For more details: User Badges · Badge Collections · Project Badges · Full Spec

Route

/badges?username={username}&repo={repo}&name={badge1,badge2,...}&theme={theme}&effect={wave|glow}&column={1-50}&size={small|medium|large}&p={0-100}

Parameters

Parameter Default Description
username (required) GitHub username
repo — Repository name (e.g., owner/repo)
name — Comma-separated badge names
theme default Comma-separated theme(s) (e.g., ocean, galaxy, aurora)
effect — Animation effect: wave or glow
column 50 Number of columns (1–50)
size small Badge size: small, medium, or large
p 0 Container padding in pixels (0–100)
realtime false Bypass cache for fresh data (30s cooldown)

Supported Badge Types

User Badges: visitors · repositories · followers · organization · languages · total-stars · total-contributors · total-commits · total-code-reviews · total-issues · total-pull-requests · total-joined-years

Repository Badges (requires repo): stars · forks · contributors · issues · pull-requests · watchers · size

Single User Badge

![badge-visitors](https://stats.pphat.top/badges?username=pphatdev&name=visitors)

badge-visitors badge-repositories badge-followers badge-total-stars

Multiple Badges with Theme

![badge-collection](https://stats.pphat.top/badges?username=pphatdev&name=visitors,total-stars,followers&theme=ocean&column=3&size=medium)

badge-collection

Multiple Themes (cycled per badge)

![badge-multi-theme](https://stats.pphat.top/badges?username=pphatdev&name=visitors,total-stars,repositories,total-issues,followers&theme=galaxy,aurora,ocean)

badge-multi-theme

Repository Badges

![repo-badges](https://stats.pphat.top/badges?username=pphatdev&repo=github-stats&name=stars,forks,contributors&theme=galaxy&effect=wave)

repo-badges

Effects (glow | wave)

![badge-glow](https://stats.pphat.top/badges?username=pphatdev&name=visitors,total-stars,repositories,total-issues&effect=glow)
![badge-wave](https://stats.pphat.top/badges?username=pphatdev&name=visitors,total-stars,repositories,total-issues&effect=wave)

badge-glow badge-wave

Combined Example (layout + themes + effect + padding)

![badge-combined](https://stats.pphat.top/badges?username=pphatdev&name=visitors,total-stars,repositories,total-issues,followers,total-pull-requests&column=3&theme=galaxy,aurora,ocean&effect=wave&size=large&p=15)

badge-combined

Fresh Data with Realtime

![badge-realtime](https://stats.pphat.top/badges?username=pphatdev&name=total-stars&realtime=true)

badge-realtime

Development

Documentation:

  • Development Setup Guide - Environment setup, database, and run commands
  • Project Structure - Complete codebase architecture and organization
  • Route Examples - Route-by-route demos with option examples

Architecture

  • API: GitHub REST + GraphQL APIs with intelligent batching
  • Caching: Multi-tier (Memory → Redis → Source) with 2-hour default TTL
  • Database: SQLite with Drizzle ORM for badge counters and visitor logs
  • Server: Express.js with round-robin cluster load balancing in production
  • Rendering: Server-side SVG generation with optional WebP/PNG/GIF export

Notes

  • Responses are cached for 2 hours (configurable via CACHE_DURATION)
  • Without a GitHub token, API rate limits are very low (~60 requests/hour)
  • Set GITHUB_TOKEN to get 5,000 requests/hour
  • Redis is optional but recommended for production (enables distributed caching)
  • Docker and npm start now boot the clustered entrypoint; set WORKERS to cap worker count, or leave it at 0 to use all available CPU cores
  • User visitor badges (/badges?username=...&name=visitors) use IP hashing for privacy-preserving unique visitor counting
  • Project visitor badges (/project/visitors) increment once per same IP every 5 minutes

License

MIT. See LICENSE.

About

:octocat: Generate dynamic, futuristic SVG cards displaying GitHub user statistics for your README files!

studio.pphat.top

Topics

dynamic-statsgithub-profile-statisticsgithub-readme-statsgithub-statsgithub-stats-cardgithub-stats-generatoriconsprofile-readme-statsreadme-iconsreadme-statstechstack-icons

Resources

Readme
MIT license

Code of conduct

Code of conduct

Contributing

Contributing
Activity

Stars

28 stars

Watchers

0 watching

Forks

5 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.