Closed2

Github Contributions Graphのようなheatmapを作成できるライブラリを探す

imaima

Github Contributions Graphのようなheatmapを作成したいので、ライブラリを探している。
これといった定番は見つからず、メンテナンスされていないものばかりだった。自分で実装するべきなのかな。

何かいいライブラリがあれば、教えていただけると嬉しいです。

vue.js向け

vue-calendar-heatmap

https://github.com/julienr114/vue-calendar-heatmap

  • メンテされていない模様

vue-heatmap

https://github.com/DominikAngerer/vue-heatmap

  • メンテされていない模様

react向け

react-heat-map

https://github.com/uiwjs/react-heat-map

  • 新しい

react-calendar-heatmap

https://github.com/kevinsqi/react-calendar-heatmap

  • メンテされていない模様

react-heat-calendar

https://github.com/y-takey/react-heat-calendar
https://qiita.com/takeyuichi/items/6fdb659f0d0c7dba2afc

  • 日本人の方が作成。svgではなく、tableで作成
  • メンテされていない模様

その他

D3 Calendar Heatmap

https://github.com/DKirwan/calendar-heatmap

  • メンテされていない
  • d3.jsを使用

Calendar heatmap graph

https://github.com/g1eb/calendar-heatmap

  • メンテされていない模様
  • すごい高機能
  • d3.jsを使用

Cal-heatmap

https://cal-heatmap.com/

  • ものすごい機能豊富
  • メンテナンスされていない模様
  • npmに対応していない

apexcharts

https://apexcharts.com/javascript-chart-demos/heatmap-charts/

  • heatmapだが、githubライクではない

calendar-graph

https://github.com/d-band/calendar-graph

  • メンテされていない模様

おまけ

https://pixe.la/ja

imaima

vue-calendar-heatmap を参考にして、独自実装をすることにしました。

このスクラップは2021/07/24にクローズされました