{"repo":"grubersjoe/react-activity-calendar","free":true,"listed":false,"github":"https://github.com/grubersjoe/react-activity-calendar","clone":"git clone https://github.com/grubersjoe/react-activity-calendar.git","description":"React component for displaying activity data in a calendar (heatmap)","language":"TypeScript","stars":593,"topics":["react","component","calendar","activity"],"license":"MIT","category":"productivity","readme_excerpt":"React Activity Calendar A React component to display activity data in a calendar (heatmap). Documentation (Storybook) Version 3 has been released 🎉 See the upgrade guide. Installation Features - any number of activity levels, including negative ones - color themes - dark and light mode - tooltips - event handlers - localization The component expects activity data in the following shape, where each activity level must be in the bounds controlled by the minLevel and maxLevel props. By default, the level bounds are [0, 4] but any range is possible (see documentation). It is up to you how to generate and classify your data. FAQ Why does the calendar not render in environment x? If you encounter issues rendering this component in a specific React framework, please refer to the following repository. It contains working examples for Astro, Next.js, Remix and Vite. Server side rendering (SSR) is supported. Framework examples Why is Create React App unsupported? Create React App (CRA) is considered abandoned, and you probably should not use it anymore (more background). Using this component inside CRA will lead to errors for reasons described in issue 105. This repo is not for CRA support questions. If you encounter issues, you need to fix those yourself given the maintenance state of CRA. Personally, I would recommend using Vite instead of CRA. Development Start the Storybook Update the documentation Related projects - grubersjoe/react-github-calendar - grubersjoe/github-contributio","default_branch":null,"files":null,"tree":[],"storefront":"/r/grubersjoe","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/grubersjoe/react-activity-calendar/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}