A browser-based GitHub repository visualizer. Explore file structures, commit history, contributors, and more — all without a backend.
Repository overview with language breakdown and commit activity charts
Interactive file treemap visualization
Contributor insights and file intelligence panels
GitScope fetches and visualizes public GitHub repositories directly in your browser. Paste any public repo URL and instantly see:
- File structure as an interactive treemap
- Language breakdown with donut charts
- Commit activity over time
- Contributor insights and ownership
- File intelligence — abandoned, most changed, and largest files
- Bus factor warnings for single-contributor files
No backend, no authentication, no installation required.
- Repository name, description, stars, forks, and age
- Total files and contributors
- Language breakdown donut chart (Chart.js)
- Commit frequency bar chart by month (Chart.js)
- Each file is a rectangle sized by file size or commit count (toggle)
- Color by file type/extension, top author, or recency (toggle)
- Click folders to drill down; breadcrumb navigation to go back
- Hover tooltips with filename, size, commits, author, and last modified date
- Dynamic legend based on current coloring mode
- Leaderboard with avatar, username, commit count, files owned, and percentage
- Click an author to highlight only their files in the treemap
- Bus factor warning: files where only one person has ever committed
- Abandoned files: not modified in 6+ months
- Most changed files: highest commit count
- Largest files: by byte size
- Tabbed interface to switch views
- Search files by name or extension
- Filter by author, file type, or date range (30d / 6mo / 1yr / all time)
- Real-time updates to treemap and table
- Toggle between treemap and sortable table
- Columns: filename, path, size, commits, top author, last modified, type
- Click any column header to sort
- Copy shareable link: encodes repo in URL as
?repo=owner/repo - Export treemap as PNG: saves current visualization
- Download or clone this repository
- Open
index.htmlin any modern browser - Paste a GitHub repo URL (e.g.,
https://github.com/facebook/react) - Click Analyze
Visit the hosted version with a direct link:
https://elomami1976.github.io/GitScope/?repo=owner/repo
After analyzing a repo, click Copy Link to get a shareable URL that auto-loads the repo.
-
Fork this repository or push to your own GitHub repo
-
Go to repository Settings → Pages
-
Set Source to
Deploy from a branch -
Select branch:
main(ormaster) -
Select folder:
/ (root) -
Click Save
-
Wait 1-2 minutes for deployment
-
Access your site at:
https://elomami1976.github.io/GitScope/ -
Share direct links to repos:
https://elomami1976.github.io/GitScope/?repo=facebook/react
GitScope uses the unauthenticated GitHub REST API, which has a rate limit of:
| Limit | Value |
|---|---|
| Requests per hour | 60 |
| Requests per repo analysis | ~6-8 |
- ✅ Use on small to medium repos (< 5,000 files)
- ✅ Wait between analyses if you're testing multiple repos
- ✅ Use the shareable link feature to revisit repos without re-fetching
⚠️ Large repos with 10,000+ files may hit tree size limits
If you hit the rate limit, GitScope will show an error with the reset time. Wait until the limit resets (usually within an hour).
| Technology | Purpose |
|---|---|
| HTML/CSS/JS | Core application (no frameworks) |
| D3.js v7 | Interactive treemap visualization |
| Chart.js v4 | Donut and bar charts |
| html2canvas | Export treemap as PNG |
| Google Fonts | Syne (headings) + Space Mono (code/data) |
All libraries loaded from cdnjs CDN — no build step required.
- Dark theme with
#0a0a0fbackground - Accent color:
#e8ff47(electric yellow-green) - Grid pattern background for visual depth
- Responsive down to 768px width
- Smooth transitions and hover states throughout
GitScope works in all modern browsers:
- ✅ Chrome (recommended)
- ✅ Firefox
- ✅ Safari
- ✅ Edge
- ❌ Internet Explorer (not supported)
Contributions are welcome! Here's how:
- Fork this repository
- Create a branch:
git checkout -b feature/amazing-feature - Make your changes to
index.html - Test locally by opening in a browser
- Commit:
git commit -m 'Add amazing feature' - Push:
git push origin feature/amazing-feature - Open a Pull Request
- Add dark/light theme toggle
- Support authenticated API for higher rate limits
- Add commit history timeline visualization
- Improve mobile responsiveness
- Add file content preview on click
- Support GitLab/Bitbucket repositories
This project is licensed under the MIT License — see below:
MIT License
Copyright (c) 2024
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
- GitHub REST API for repository data
- D3.js for powerful visualizations
- Chart.js for beautiful charts
- Google Fonts for Syne and Space Mono
Built with 💚 using vanilla JavaScript