vue-calendar-heatmap
Advanced tools
A calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
work in progress
A calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
| keys | Type | Required | Exemple |
|---|---|---|---|
values values | Array of objects with date and count keys. date values can be a date parseable string, a millisecond timestamp, or a Date object. count value should be a number. | true | :values="[{ date: '2018-9-22', count: 6 }, ...]" |
endDate end-date | Can be a date parseable string, a millisecond timestamp, or a Date object. The calendar will start automatically one year before this date. | true | endDate="2018-9-22" |
colorRange color-range | A Array of 5 strings which represents the colors of the progression. The color at colorRange[0] will always represent the values for a count: 0. The others are automatically distributed over the maximum value of count, unless you specify max props. | false. Default value is equal to the example | :range-color="['ebedf0', '#ebedf0', '#c0ddf9', '#73b3f3', '#3886e1', '#17459e']" |
max max | Any number which should be the max color | false | :max="10" |
FAQs
A calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
The npm package vue-calendar-heatmap receives a total of 565 weekly downloads. As such, vue-calendar-heatmap popularity was classified as not popular.
We found that vue-calendar-heatmap demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.
