This project visualizes the weekly commit activity for the Facebook React repository using data from the GitHub API. The commit activity is displayed in a graph where the color density represents the number of commits per day, divided into four intensity levels based on the highest single day activity.
It uses and example from D3.js library as an starting point that you can find here: https://observablehq.com/@d3/calendar/2 and if you like you can fork it directly frompublic notebook: https://observablehq.com/d/3a24d2a8586e2701
Finally a live version can be found here: https://commit-activity-graph.vercel.app/
- Darkest: 75% - 100% of the highest commits (e.g., 63-84 commits)
- Darker: 50% - 74% of the highest commits (e.g., 42-62 commits)
- Base: 25% - 49% of the highest commits (e.g., 21-41 commits)
- Lighter: 1% - 24% of the highest commits (e.g., 1-20 commits)
- Lightest (empty): 0 commits
- Vite
- React
- Axios
- Context API
- D3.js
- Clone the repository:
git clone git@github.com:sergeen/commit-activity-graph.git