Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

calendar-heatmap-graph

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

calendar-heatmap-graph - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

3

bower.json
{
"name": "calendar-heatmap-graph",
"version": "0.0.1",
"version": "0.0.2",
"description": "Calendar heatmap graph for time series data.",

@@ -32,4 +32,5 @@ "homepage": "https://github.com/g1eb/calendar-heatmap",

"time",
"d3js",
"d3"
]
}
{
"name": "calendar-heatmap-graph",
"version": "0.0.1",
"version": "0.0.2",
"description": "Calendar heatmap graph for time series data.",

@@ -20,2 +20,3 @@ "homepage": "https://github.com/g1eb/calendar-heatmap#readme",

"dependencies": {
"d3": "^3.5.16",
"moment": "^2.13.0"

@@ -36,4 +37,5 @@ },

"time",
"d3js",
"d3"
]
}

@@ -1,10 +0,13 @@

# d3.js Calendar Heatmap
# Calendar heatmap graph
This [d3.js](https://d3js.org/) heatmap representing time series data is used to visualize tracked time over the past year, showing details for each of the days on demand.
Inspired by Github's contribution chart.
Includes visualization of year, month, week and day overview.
Based on [D3.js Calendar Heatmap](https://github.com/DKirwan/calendar-heatmap) by [Darragh Kirwan](https://github.com/DKirwan)
Aaand [Calendar View](https://bl.ocks.org/mbostock/4063318) by [Mike Bostock](https://github.com/mbostock)
Inspired by [Github's contribution graph](https://help.github.com/articles/viewing-contributions-on-your-profile/#contributions-calendar)
Based on [Calendar View](https://bl.ocks.org/mbostock/4063318) by [Mike Bostock](https://github.com/mbostock)
Aaand [D3.js Calendar Heatmap](https://github.com/DKirwan/calendar-heatmap) by [Darragh Kirwan](https://github.com/DKirwan)
## Demo

@@ -27,15 +30,21 @@ Click <a href="https://rawgit.com/g1eb/calendar-heatmap/master/" target="_blank">here</a> for a live demo.

- Install 'calendar-heatmap' with bower
- Install 'calendar-heatmap-graph' with bower
```
bower install calendar-heatmap
bower install calendar-heatmap-graph
```
- orrr include files directly:
- Install 'calendar-heatmap-graph' with npm
```
<link rel="stylesheet" type="text/css" href="calendar-heatmap.css">
<script src="calendar-heatmap.js"></script>
npm install calendar-heatmap-graph
```
- Or include files directly in your html:
```
<link rel="stylesheet" type="text/css" href="dist/calendar-heatmap.min.css">
<script src="dist/calendar-heatmap.min.js"></script>
```
### Properties

@@ -106,2 +115,6 @@

## AngularJS Directive
[Calendar heatmap graph anngular directive](https://github.com/g1eb/angular-calendar-heatmap)
## Dependencies

@@ -108,0 +121,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc