UNPKG

vue3-calendar-heatmap

Version:

A lightweight calendar heatmap Vue 3 component built on SVG, inspired by julienr114's vue-calendar-heatmap ans github's contribution calendar graph

razorness.github.io/vue3-calendar-heatmap

razorness/vue3-calendar-heatmap

25 lines (14 loc) • 1.09 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
# vue3-calendar-heatmap ![](https://user-images.githubusercontent.com/684302/142281760-eaeccf78-5cc8-450d-8407-6208aafb63a2.png) [![npm](https://img.shields.io/npm/v/vue3-calendar-heatmap.svg?style=flat-square)](https://www.npmjs.com/package/vue3-calendar-heatmap) [![TypeScript](https://img.shields.io/badge/-Typescript-informational?style=flat-square)](https://www.typescriptlang.org/) [![vue2](https://img.shields.io/badge/vue-3.x-brightgreen.svg?style=flat-square)](https://vuejs.org/) A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph. With vertical mode, tooltip powered by [Tippy.js](https://github.com/atomiks/tippyjs). ## Documentation [https://razorness.github.io/vue3-calendar-heatmap](https://razorness.github.io/vue3-calendar-heatmap) ## Examples ![](https://user-images.githubusercontent.com/684302/142281986-17d96753-dfd9-41e0-baf7-f411cec32167.png) ![](https://user-images.githubusercontent.com/684302/142281712-8cdaf65e-221d-413c-b367-f4c43f2fe98b.png) ## License [MIT](http://opensource.org/licenses/MIT)