{"_id":"@dguttman/calendar-heatmap","_rev":"2-fb5a3dbe003912e0a690192de8dc6519","name":"@dguttman/calendar-heatmap","dist-tags":{"latest":"1.0.0"},"versions":{"0.0.14":{"name":"@dguttman/calendar-heatmap","version":"0.0.14","description":"d3.js calendar heatmap graph.","homepage":"https://github.com/g1eb/calendar-heatmap#readme","author":{"name":"g1eb","email":"mail@g1eb.com","url":"https://g1eb.com"},"license":"MIT","main":"src/calendar-heatmap.js","repository":{"type":"git","url":"git+https://github.com/g1eb/calendar-heatmap.git"},"bugs":{"url":"https://github.com/g1eb/calendar-heatmap/issues"},"scripts":{"build":"gulp build"},"dependencies":{"d3":"^4.10.2","moment":"^2.18.1"},"devDependencies":{"gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-cssnano":"^2.1.2","gulp-uglify":"^1.5.3"},"keywords":["calendar","heatmap","graph","visualization","chart","time","d3js","d3"],"gitHead":"4f8518fa0780d87b709602dea66ec09e526786bd","_id":"@dguttman/calendar-heatmap@0.0.14","_npmVersion":"6.1.0","_nodeVersion":"10.3.0","_npmUser":{"name":"dguttman","email":"david@davidguttman.com"},"dist":{"integrity":"sha512-FvVoU4fjIqJxlSF3VavrwSmi2d4jHRzquCGygoiER05EOSeQKwicxczYhOkwDZ1pV9u2EDxFgLoQpiJacLLBXw==","shasum":"d1b9044d34139d0836868faa7fb2d381099cfa2a","tarball":"https://registry.npmjs.org/@dguttman/calendar-heatmap/-/calendar-heatmap-0.0.14.tgz","fileCount":16,"unpackedSize":842266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuIclCRA9TVsSAnZWagAA6BgP/1VXs/ufzAuXw6Ojsuez\nvRbtYA/fS5EefDiosyNMUWlFbp2JVyLzIJUg5iJBB1nt3WFc0CwZ2k0UnZA6\nG1cVU3zMV053CpdHNSc5/b4G50SbejqAXN81ghEkf9S7cy4wQtl+IbiNxO4H\naLXLsNRRvVZiLIotnCOF+RUl89XsXNLimEh09T+tGPpbHsIF7VSdllCFhGXK\nSoW2rbdglR7VFnSZbvETjGHLA3LrUZ/H5SJosrUE8Cln1tP7R7NUp9hEB+t9\nIpsfx9Ex9sedPQ4j8Mzhog6sAwgz0YbEsgTxjH0LbefCsk6Ul1uLlpXdwr8m\n11F60plPqULiNH2FnZiRFwA6fVIhsY6W2bTMyZI+IL7LXQfTnhRFskfuMuc6\nsfFcuwFQGogRXHHjIeoBByAuAd2IkaT/k7mhpV2wN5vSJufb8rcD/RO0E00S\n+E3PpwXUYgNbRjhnL5AlXEM1NIXBHE88C9Hn24dKi2p9MOUoOt2a0MAAQnbm\nR0XdoAgpw4ePV26uPyR8A25PJRZ/EHOddnaGLfLtQKl89zlYxxPjPxXxBC4C\n/JrpMKaIjQq0p1WgC6G8NbN6z/IfCGm1I6D08A5oM5ghGCr2uXnM1fXF16jt\nYbpD5HxOaLwCewmNXVqV1tD8WALzAS6lx9SNdcfXiIZPJOHagU6shYECsYmq\nsqvQ\r\n=kn7X\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIANUShsrQ/NLGoSGxeVuCBUvL/ONokcJ0MGwtYUUwl3fAiEA+wUuEo3PHzO2jvzIY6Wpr/sG3ymPjHpYREiQMWVqZNA="}]},"maintainers":[{"name":"dguttman","email":"david@davidguttman.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/calendar-heatmap_0.0.14_1555597092741_0.42231716848362155"},"_hasShrinkwrap":false},"1.0.0":{"name":"@dguttman/calendar-heatmap","version":"1.0.0","description":"d3.js calendar heatmap graph.","homepage":"https://github.com/g1eb/calendar-heatmap#readme","author":{"name":"g1eb","email":"mail@g1eb.com","url":"https://g1eb.com"},"license":"MIT","main":"src/calendar-heatmap.js","repository":{"type":"git","url":"git+https://github.com/g1eb/calendar-heatmap.git"},"bugs":{"url":"https://github.com/g1eb/calendar-heatmap/issues"},"scripts":{"build":"gulp build"},"dependencies":{"d3":"^4.10.2","moment":"^2.18.1"},"devDependencies":{"gulp":"^3.9.1","gulp-concat":"^2.6.0","gulp-cssnano":"^2.1.2","gulp-uglify":"^1.5.3"},"keywords":["calendar","heatmap","graph","visualization","chart","time","d3js","d3"],"gitHead":"1a18d5c9079935e771924c0b9696feb46a1e1fcd","_id":"@dguttman/calendar-heatmap@1.0.0","_npmVersion":"6.1.0","_nodeVersion":"10.3.0","_npmUser":{"name":"dguttman","email":"david@davidguttman.com"},"dist":{"integrity":"sha512-SXv+6xu8y+q5qvvZraGWOm6tRfKCqy7pM95NTZq68LiUUnNjOdF4rrxYx+m6wLDy92SD03HokfWJI8vkMxH/nw==","shasum":"6e628096542ba1fc95a29d54180a1c811bb849cc","tarball":"https://registry.npmjs.org/@dguttman/calendar-heatmap/-/calendar-heatmap-1.0.0.tgz","fileCount":16,"unpackedSize":847317,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuJwXCRA9TVsSAnZWagAAa48P/2LoG2D4r9hG4tic33wv\nFB4MRPss0ZBGjTwB6KmtDSbd/hd88yuK+5Bhb63F1u4+sKpQTAgWyDhMrFvJ\n1TY4PkC9FBxTpF1wID89uBYWVxVjdTUXnvzH4H0PlM4kbk/lFLer9KJ/GBTn\nXl5F2fc0wpV4zETjiThOGlX89XJz9p8mJX/gYP8ywl3kza7Wr5cw8rgxLXXC\nQPVY0CQshYEULhoDPoxNDwyVSUd+oPmrmWIOi5cLxKqnWH0dMb6dmuspk5UK\n9AtEqKqLR5K10sHrqfjgLeomXYJQbPYcPvfXG3eDMEAllrECOrGE5712Q6KI\nFlDmR4Ct1PTTdK/oU2DSlBhP5inwU4WE8AWWWYQhmLuM6f04M5qGuGjcRaCc\noPGnXtZ+3j4eQ9QvkcMjBVGyyWuKtkRQ6cJdL5oM760TW5+vLjW2yy9DPadO\nfCLeD4YGujYR774X3i5p7JMJVB2E0xbQqHGmfaASV0iW3Zv3CtSfndTsBhzJ\nQjf9f1nWxNXzrHC/mnj/TAROIMUvAhZ7ZB/VSOYoW7wLfiLMvlvAZskI9Ozy\nRi3Z/5iV0NcDAqqO8c1byWURVjhjGAUur/lnfuI4GZVVD3TMK/el0N0qJB6L\nHQZJBRawD6Uir0xOxURtftomlX7JM0UVMtUhiOXw6w2gTlQnHnXkcqvSf4zr\nmllz\r\n=7+gf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEYSh9ipN1M5p8eTzCsGJNlcSnaRDAUNjDv+JeMsvBfbAiEA4kum0JIbqVl0PcFQumcfqpuFZnqrXkPkb2xoCfJm8Uw="}]},"maintainers":[{"name":"dguttman","email":"david@davidguttman.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/calendar-heatmap_1.0.0_1555602454318_0.9254857387434443"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-18T14:18:12.547Z","0.0.14":"2019-04-18T14:18:12.899Z","modified":"2022-04-05T04:18:43.112Z","1.0.0":"2019-04-18T15:47:34.467Z"},"maintainers":[{"name":"dguttman","email":"david@davidguttman.com"}],"description":"d3.js calendar heatmap graph.","homepage":"https://github.com/g1eb/calendar-heatmap#readme","keywords":["calendar","heatmap","graph","visualization","chart","time","d3js","d3"],"repository":{"type":"git","url":"git+https://github.com/g1eb/calendar-heatmap.git"},"author":{"name":"g1eb","email":"mail@g1eb.com","url":"https://g1eb.com"},"bugs":{"url":"https://github.com/g1eb/calendar-heatmap/issues"},"license":"MIT","readme":"# Calendar heatmap graph\n\nThis [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.\n\nIncludes a global overview of multiple years and visualizations of year, month, week and day overview with zoom for details-on-demand. \n\nInspired by [Github's contribution graph](https://help.github.com/articles/viewing-contributions-on-your-profile/#contributions-calendar)\n\nBased on [Calendar View](https://bl.ocks.org/mbostock/4063318) by [Mike Bostock](https://github.com/mbostock) \nAaand [D3.js Calendar Heatmap](https://github.com/DKirwan/calendar-heatmap) by [Darragh Kirwan](https://github.com/DKirwan) \n\n## Demo\nClick here for a live demo.\n\n### Global overview\n[](https://rawgit.com/g1eb/calendar-heatmap/master/)\n\n### Year overview\n[](https://rawgit.com/g1eb/calendar-heatmap/master/)\n\n### Month overview\n[](https://rawgit.com/g1eb/calendar-heatmap/master/)\n\n### Week overview\n[](https://rawgit.com/g1eb/calendar-heatmap/master/)\n\n### Day overview\n[](https://rawgit.com/g1eb/calendar-heatmap/master/)\n\n## Install\n\n- Install 'calendar-heatmap-graph' with bower\n\n```\nbower install calendar-heatmap-graph\n```\n\n- Install 'calendar-heatmap-graph' with npm\n\n```\nnpm install calendar-heatmap-graph\n```\n\n- Or include files directly in your html:\n\n```\n\n\n```\n\n### Properties\n\n|Property | Usage | Default | Required |\n|:------------- |:-------------|:-----:|:-----:|\n| data | Time series data from max a year back | none | yes |\n| container | Div to place the calendar in | placed where function called | no |\n| color | Theme hex color | #45ff00 | no |\n| overview | Initial overview type (choices are: year, month, day) | year | no |\n| handler | Handler function is fired on click of a time entry in daily overview | none | no |\n\n### Example data\n\nTime series data where each day has a total time tracked (in seconds). \nDetails, if provided, are shown in a tooltip on mouseover in different overviews.\n\n```\nvar data = [{\n \"date\": \"2016-01-01\",\n \"total\": 17164,\n \"details\": [{\n \"name\": \"Project 1\",\n \"date\": \"2016-01-01 12:30:45\",\n \"value\": 9192\n }, {\n \"name\": \"Project 2\",\n \"date\": \"2016-01-01 13:37:00\",\n \"value\": 6753\n },\n .....\n {\n \"name\": \"Project N\",\n \"date\": \"2016-01-01 17:52:41\",\n \"value\": 1219\n }]\n}]\n```\n\nAdditionally you may specify a color to be used as the primary color for that data point in daily overview, for example:\n```\nvar data = [{\n \"date\": \"2017-01-01\",\n \"total\": 18456,\n \"color\": \"red\",\n .....\n}]\n```\n\n### Optimization\n\nIn some cases details array could be large and in order to fit the data into the tooltip a short summary is generated with distinct projects and their total tracked time for that date.\nIn terms of optimization, summary data can be computed server-side and passed in using the ``summary'' attribute.\nAnd in addition to the data structure described above this would result in a summary dictionary with distinct project names and total values of tracked time in seconds, e.g.:\n\n```\nvar data = [{\n \"date\": \"2016-01-01\",\n \"total\": 17164,\n \"details\": [.....],\n \"summary\": [{\n \"name\": \"Project 1\",\n \"value\": 9192\n }, {\n \"name\": \"Project 2\",\n \"value\": 6753\n },\n .....\n {\n \"name\": \"Project N\",\n \"value\": 1219\n }]\n}]\n```\n\nSee [index.html](https://github.com/g1eb/calendar-heatmap/blob/master/index.html) for an example implementation with random data or click here for a live demo.\n\n## Angular directive\n\nIf you want to use this heatmap as an Angular directive (version 1.x), see [angular-calendar-heatmap](https://github.com/g1eb/angular-calendar-heatmap)\n\nOr as an Angular component (version 2.x), see [angular2-calendar-heatmap](https://github.com/g1eb/angular2-calendar-heatmap)\n\n## React component\n\nIf you want to use this heatmap as a React component, see [reactjs-calendar-heatmap](https://github.com/g1eb/reactjs-calendar-heatmap)\n\n## Dependencies\n\n* [moment.js](https://momentjs.com/)\n* [d3.js](https://d3js.org/)\n","readmeFilename":"README.md"}