GitHub 貢獻紀錄圖表製作工具
把你的每日活動用 GitHub 風格的月曆熱點圖呈現出來
只要貼上你的日期與數值資料，就能在幾秒內生成精緻的貢獻熱點圖。可調整色盤、格子大小與標籤樣式，完成後立即下載或分享，讓你的成就一目了然。
打造日曆熱力圖所需的一切
專為 GitHub 風格貢獻日曆圖打造的控制介面 — 不囉嗦、上手零負擔。
5 組色階配色
提供綠、藍、橘、紫、紅等強度色階，讓你快速對齊品牌風格或 GitHub 風格美感。
可調整格子大小與間距
精準微調格子大小、圓角與格間距，讓你的熱力圖在任何輸出解析度下都保持銳利、清晰不糊。
月份與日期標籤開關
可隨時切換顯示月份與星期標籤，想低調乾淨就關掉，想完整標註就全開。
互動式提示視窗
滑過任一格即可查看精確日期與貢獻數量，適合簡報、教學示範與資料解讀。
顏色圖例（Less / More）
在圖表下方顯示「Less / More」圖例，讓讀者一眼就能理解顏色代表的強弱差異。
AI 自動生成日曆圖
用自然語言描述你的程式活動，一鍵生成已填滿的 GitHub 貢獻日曆圖，省時又省事。
用你想要的方式新增你的活動資料
直接輸入或貼上
把「日期－數值」直接打進去，或在幾秒內把試算表的列內容直接貼上即可完成。
批次輸入
使用批次輸入面板，一次貼上整份日期與次數清單，快速完成整理與套用。
上傳檔案
（Pro）匯入你的 CSV 或 Excel 檔，把每日活動資料即時轉成圖表呈現。
用 AI 生成資料
描述你的活動型態，讓 AI 為你填入一份看起來自然真實的貢獻資料集。
隨時分享你的貢獻圖表
下載為 PNG 或 SVG
把你的行事曆熱力圖匯出成高解析度圖片，方便放進作品集、READMEs 和簡報中使用。
分享連結
取得可分享的 URL，讓你能立即把 GitHub 貢獻圖表傳給任何人。
嵌入到你的網站
一鍵（Plus+）取得嵌入程式碼，直接放進你的個人網站或開發者作品集。
加入簡報
把整理完成的熱力圖直接貼到 Google Slides、Notion 或任何簡報軟體中。
關於這個工具
MakeCharts 的 GitHub 貢獻圖製作器，能把「日期－數值」資料一鍵變成乾淨俐落的年度行事曆熱力圖，而且不需要寫程式。靈感來自 GitHub 經典的貢獻圖，你可以用在任何每日指標——例如提交紀錄、習慣打卡或是營運活動。調整配色與版面後，只要幾秒就能匯出或直接分享。
- ✓支援將任意「日期－數值」資料渲染成整整一年的行事曆熱力圖
- ✓提供 5 種配色主題，包含經典 GitHub 綠色
- ✓可調整格子大小、圓角與間距，讓輸出更貼近你的像素需求
- ✓可獨立開關月份標籤、日期標籤、滑鼠提示（tooltips）與圖例（legend）
- ✓支援匯出為 PNG 或 SVG，方便放進 README、作品集與報告
- ✓提供 AI 生成：快速產生範例資料或依你的需求建立自訂資料集
數據一覽
如何製作 GitHub 貢獻度熱力圖
把原始資料快速變成可分享的行事曆熱力圖，只要三個步驟。
輸入你的活動資料
輸入或貼上「日期-數值」配對（每一行一筆）。格式請使用 YYYY-MM-DD 搭配數值。資料量大時可直接批次貼上；也可以交給 AI 生成範例資料，快速開始建立你的熱力圖。
2024-03-15, 12 | 2024-03-16, 4 | 2024-03-17, 0
自訂熱力圖外觀
選擇配色方案、調整格子大小與間距、切換是否顯示月份或日期標籤，並加入圖表標題。你每改一項設定，預覽會立即更新，讓你更快找到最適合的呈現效果。
Green palette, 14px cells, month labels on, title: 'My 2024 Contributions'
匯出與分享
將你的 GitHub 貢獻度熱力圖下載成 PNG 或 SVG。需要放到 GitHub README、作品集或網站時，可直接複製分享連結，或取得嵌入程式碼，輕鬆公開展示你的成果。
Save as PNG for your GitHub README or embed on your developer portfolio
誰在使用 GitHub 貢獻圖製作工具
日曆式熱力圖把每天的活動整理成好懂、又吸睛的視覺故事，適用於多種情境。
開發者作品集與 README 展示
用類似 GitHub 的貢獻/打卡熱力圖，把你的程式碼持續輸出與開源參與一次呈現：你可以直接嵌到 README，或放在個人網站，讓人快速看出你的穩定度與投入程度。
內容發佈穩定度追蹤器
部落客與通訊作者常用日曆熱力圖來呈現發文/寄信的節奏：把一整年內容輸出頻率視覺化，並一眼找出停更、空窗或需要補上的時段，讓規劃更有依據。
習慣養成與運動熱力圖
把每天的紀錄（訓練、冥想、閱讀等）轉成激勵感十足的 GitHub 風格熱力圖，讓「連續完成」變得更有感：一張圖就看得出你的持續與成效，提升打卡動力。
每日指標活動地圖
分析師與產品/專案管理者可以用日曆熱力圖快速辨識每日指標的規律：例如銷售活動量、客服工單量、新用戶註冊節奏或廣告投放成效，幫你在不翻表格的情況下掌握趨勢與高低點。
範本
從專業設計的範本開始
MakeCharts 與手動熱力圖工具：哪個更適合你的 GitHub 貢獻圖？
看看為什麼開發者與創作者會選擇 MakeCharts 來製作 GitHub 貢獻圖。
自己寫程式，或用試算表手刻
- ✗花時間用 D3 或 Chart.js 寫大量樣板程式
- ✗需要手動解析日期，並自己計算網格排版
- ✗沒有即時預覽——只能試猜後再反覆確認
- ✗匯出圖片往往還要額外安裝或引用套件
- ✗想調整配色通常得改程式碼，修改不方便
- ✗分享時必須自行架設或放上圖表（自行承擔主機或上傳問題）
MakeCharts GitHub 貢獻圖製作工具（可用於 GitHub Contribution Chart）
- ✓貼上資料後約 2 分鐘內直接生成熱力圖
- ✓自動把日期對應到網格——不用自己算
- ✓每次修改都會即時更新預覽效果
- ✓一鍵匯出 PNG 或 SVG，畫面始終清晰銳利
- ✓提供 5 組配色方案，點選即可控制顏色風格
- ✓可直接產生可分享連結或嵌入程式碼——不需要自己架站
常見問題（FAQ）
什麼是 GitHub 貢獻圖（Contribution Chart）製作工具？
GitHub contribution chart maker（貢獻圖製作工具）是一種把「日期＋數值」資料，轉成日曆熱力圖（calendar heatmap）的工具——就像 GitHub 用一格一格彩色小方塊，顯示每天 commit 活躍度的那種視覺效果。MakeCharts 不只支援程式碼貢獻，你可以用任意資料集來做同款日曆熱力圖，而且不需要寫程式。
我怎麼用自己的資料做出 GitHub 貢獻圖？
打開 MakeCharts 的日曆熱力圖工具後，輸入日期與數值即可立即生成。日期格式請使用 YYYY-MM-DD、再填入 value 格式；你可以逐筆輸入、一次貼上多筆清單，或上傳 CSV 檔案（Pro）。接著還能自訂顏色與標籤，最後把圖表匯出或分享。
我可以用它做免費的 GitHub 貢獻圖嗎？
可以。MakeCharts 的核心日曆熱力圖工具可免費使用，不用建立帳號。你能輸入資料、調整圖表樣式，並免費下載成圖片。AI 輔助產生圖表與更進階的匯出功能，則在付費方案提供。
貢獻圖的配色有哪些？
MakeCharts 提供 5 種依強度分級的配色：Green（GitHub 風格）、Blue、Orange、Purple、Red。每種配色會把數值從淺色（低）到深色（高）呈現，讓活躍度密度一眼就看得出來。
我可以把貢獻熱力圖嵌入網站，或放進 GitHub README 嗎？
可以。在 Plus 與 Pro 方案中，你可以產生嵌入（embed）程式碼並貼到任何網站。若要在 GitHub README 以靜態方式呈現，建議將圖表匯出成 PNG，並把圖片檔加入你的程式庫（repository）後使用。
為所有人打造
- ✓不需要程式或設計技能——只要貼上你的資料就能開始
- ✓支援桌機、平板與手機瀏覽器，隨時隨地都能使用
- ✓提供 12+ 種語言介面，體驗更在地、更貼合你的使用習慣
- ✓免費方案即可完整使用行事曆熱圖功能，免註冊、免打擾
- ✓操作介面簡單好上手，初學者也能快速完成；同時保留進階設定給進階使用者
你的資料，永遠由你掌控
- •圖表資料會在你的瀏覽器中處理，並不會永久保存到伺服器
- •我們不會販售或向第三方提供你的資料
- •你可以自行決定哪些圖表公開、哪些保持私密
- •隨時都能在設定中刪除帳號與相關資料
- •除用於改善產品的標準分析外，我們不進行額外追蹤
立刻製作你的 GitHub 貢獻熱力圖
把資料貼上去，2 分鐘內就能做出精緻的行事曆熱力圖 — 免費、免註冊。