DevToolBox

SVGカレンダーヒートマップ生成

GitHubスタイルの貢献グラフSVGを生成。

SVGカレンダーヒートマップとは?

GitHubの貢献グラフのような、日付ごとの数値データを色の濃淡で可視化するカレンダー型ヒートマップをSVG形式で生成します。

主な用途

  • 習慣トラッキング(筋トレ、読書、勉強記録など)
  • プロジェクトの活動記録可視化
  • 売上・アクセス数などの年間推移
  • READMEやドキュメントへの埋め込み

色の意味

  • 濃い灰色: データなし (0)
  • 暗緑: 低 (1-2)
  • 緑: 中 (3-5)
  • 明緑: 高 (6-8)
  • 鮮緑: 非常に高 (9以上)

すべての処理はブラウザ内で行われます。データがサーバーに送信されることはありません。