Releases: eepson123tw/github-trending
Releases · eepson123tw/github-trending
Release list
v1.1.0 — Stream Graph & Interactive Enhancements
What's New
趨勢河流圖大改版 | Stream Graph Overhaul
- 從基本堆疊面積圖改為 河流圖 (Stream Graph)，一眼看出各分類此消彼長
- 點擊聚焦模式 — 點擊任何分類，切換為獨立趨勢線圖，看見真實數值走勢
- 十字準線 Tooltip — 滑鼠懸停顯示該日期所有分類的確切數值
- X 軸改為月份標籤，更直覺的時間閱讀
- 河流圖上方標示「色帶寬度 ＝ 該分類每週上榜數量」，解釋 Y 軸含義
Star 按鈕視覺升級 | Star Button Redesign
- 金色主題漸層背景，視覺更突出
- Shimmer 光澤掃過動畫 + 星星搖擺動畫，讓人忍不住想按
- 點擊後粒子爆發特效，給予即時回饋感
- Hover 金色光暈效果
README 重寫 | README Rewrite
- 聚焦「這個網站能幫你什麼」而非技術實現
- 中英雙語精簡化，開頭就告訴讀者價值
v1.0.0 - GitHub Trending Observatory
GitHub Trending Observatory v1.0.0
一整年的 GitHub Trending 資料視覺化觀測站
A year-long GitHub Trending data visualization observatory
354 days · 4,995 repos · 12 categories · 2025-03-27 ~ 2026-03-15
✨ Features | 功能
資料視覺化 | Data Visualization
- 趨勢面積圖 — D3.js 堆疊面積圖，7 天滾動平均平滑處理
- 時間河流 — 垂直時間軸，每月精選代表 Repo，GSAP 捲動動畫
- 分類氣泡圖 — D3 力導向模擬，可拖曳互動，12 大技術分類
- 排行榜 — Top 24 上榜最多次的 Repos，3D 傾斜卡片特效
- 搜尋探索 — 即時搜尋 + 分類篩選，流暢過場動畫
視覺體驗 | Visual Experience
- 粒子星空背景 — Canvas 互動粒子系統，滑鼠閃避 + 分類著色
- Glassmorphism 毛玻璃設計 — 暗色主題，模糊透明卡片
- 平滑捲動 — Lenis 驅動的絲滑捲動體驗
- 進場動畫 — Framer Motion 元件進場 / hover / layout 動畫
其他功能 | Others
- 🎵 音樂播放器 — 固定左下角，捲動自動播放，旋轉黑膠動畫
- 🌐 雙語 i18n — 繁體中文 / English 一鍵切換
- 📊 洞察卡片 — 6 張精選年度趨勢關鍵發現
🛠 Tech Stack
| Technology | Version | Usage |
|---|---|---|
| Next.js | 16.1.7 | App Router, SSG |
| React | 19.2.4 | UI Framework |
| TypeScript | 5.9.3 | Type Safety |
| Tailwind CSS | 4.2.1 | Styling |
| D3.js | 7.9.0 | Charts & Bubbles |
| GSAP | 3.14.2 | Scroll Animations |
| Framer Motion | 12.37.0 | Component Animations |
| Lenis | 1.3.18 | Smooth Scrolling |
🚀 Quick Start
npm install
npm run dev📂 Category System | 分類系統
AI / ML · Web Frontend · Backend / Infra · DevOps / Cloud · Mobile · Security · Data / DB · Language / Runtime · CLI / Tool · Game / Graphics · Blockchain · Other
Full Changelog: https://github.com/eepson123tw/github-trending/commits/v1.0.0