{"id":22165195,"url":"https://github.com/g1eb/angular2-calendar-heatmap","last_synced_at":"2025-08-31T14:35:02.339Z","repository":{"id":18320277,"uuid":"83780996","full_name":"g1eb/angular2-calendar-heatmap","owner":"g1eb","description":"📊 Angular component for d3.js calendar heatmap graph","archived":false,"fork":false,"pushed_at":"2022-09-29T14:54:38.000Z","size":1334,"stargazers_count":38,"open_issues_count":11,"forks_count":15,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-30T08:14:09.657Z","etag":null,"topics":["angular","angular-component","angular2","calendar","calendar-heatmap","d3","d3-heatmap","heatmap","visualization"],"latest_commit_sha":null,"homepage":"https://rawgit.com/g1eb/angular2-calendar-heatmap/master/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/g1eb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-03T09:24:20.000Z","updated_at":"2025-03-15T13:59:29.000Z","dependencies_parsed_at":"2022-08-18T04:50:55.541Z","dependency_job_id":null,"html_url":"https://github.com/g1eb/angular2-calendar-heatmap","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"purl":"pkg:github/g1eb/angular2-calendar-heatmap","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g1eb%2Fangular2-calendar-heatmap","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g1eb%2Fangular2-calendar-heatmap/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g1eb%2Fangular2-calendar-heatmap/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g1eb%2Fangular2-calendar-heatmap/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/g1eb","download_url":"https://codeload.github.com/g1eb/angular2-calendar-heatmap/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/g1eb%2Fangular2-calendar-heatmap/sbom","scorecard":{"id":415888,"data":{"date":"2025-08-11","repo":{"name":"github.com/g1eb/angular2-calendar-heatmap","commit":"5744258398c9c804b750d0bee7e3048c49ac64e1"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.9,"checks":[{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":1,"reason":"Found 3/22 approved changesets -- score normalized to 1","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 11 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"10 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-c75v-2vq8-878f","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-36jr-mh4h-2g58","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4","Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T23:51:01.513Z","repository_id":18320277,"created_at":"2025-08-18T23:51:01.513Z","updated_at":"2025-08-18T23:51:01.513Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272991995,"owners_count":25027534,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-31T02:00:09.071Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-component","angular2","calendar","calendar-heatmap","d3","d3-heatmap","heatmap","visualization"],"created_at":"2024-12-02T05:13:46.033Z","updated_at":"2025-08-31T14:35:02.317Z","avatar_url":"https://github.com/g1eb.png","language":"TypeScript","readme":"# Angular component for D3.js Calendar Heatmap\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. Converted into an angular component for your convenience :)\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 \u003ca href=\"https://rawgit.com/g1eb/angular2-calendar-heatmap/master/\" target=\"_blank\"\u003ehere\u003c/a\u003e for a live demo.\n\n### Global overview\n[![Angular component for d3.js calendar heatmap - global overview](https://raw.githubusercontent.com/g1eb/angular2-calendar-heatmap/master/images/screenshot_global_overview.png)](https://rawgit.com/g1eb/angular2-calendar-heatmap/master/)\n\n### Year overview\n[![Angular component for d3.js calendar heatmap - year overview](https://raw.githubusercontent.com/g1eb/angular2-calendar-heatmap/master/images/screenshot_year_overview.png)](https://rawgit.com/g1eb/angular2-calendar-heatmap/master/)\n\n### Month overview\n[![Angular component for d3.js calendar heatmap - month overview](https://raw.githubusercontent.com/g1eb/angular2-calendar-heatmap/master/images/screenshot_month_overview.png)](https://rawgit.com/g1eb/angular2-calendar-heatmap/master/)\n\n### Week overview\n[![Angular component for d3.js calendar heatmap - week overview](https://raw.githubusercontent.com/g1eb/angular2-calendar-heatmap/master/images/screenshot_week_overview.png)](https://rawgit.com/g1eb/angular2-calendar-heatmap/master/)\n\n### Day overview\n[![Angular component for d3.js calendar heatmap - day overview](https://raw.githubusercontent.com/g1eb/angular2-calendar-heatmap/master/images/screenshot_day_overview.png)](https://rawgit.com/g1eb/angular2-calendar-heatmap/master/)\n\n## Installation\n\n1) Install 'angular2-calendar-heatmap' with npm\n\n```\nnpm install angular2-calendar-heatmap\n```\n\n2) Import CalendarHeatmap component in your angular module\n\n\n```javascript\nimport { CalendarHeatmap } from 'angular2-calendar-heatmap';\n\ndeclarations: [ ...... , CalendarHeatmap ],\n```\n\n3) Use 'calendar-heatmap' component inside a template\n\n```html\n\u003ccalendar-heatmap\n  [data]=\"data\"\n  [color]=\"color\"\n  [overview]=\"overview\"\n  (handler)=\"print($event)\"\u003e\n\u003c/calendar-heatmap\u003e\n```\n\n### Attributes\n\n|Property        | Usage           | Default  | Required |\n|:------------- |:-------------|:-----:|:-----:|\n| data | Time series data from max a year back | none | yes |\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| onChange | Handler function is fired on change of the 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\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/angular2-calendar-heatmap/blob/master/index.html) for an example implementation with random data or click \u003ca href=\"https://rawgit.com/g1eb/angular2-calendar-heatmap/master/\" target=\"_blank\"\u003ehere\u003c/a\u003e for a live demo.\n\n## Angular directive\n\nIf you want to use this heatmap as an AngularJS directive (version 1.x), see [angular-calendar-heatmap](https://github.com/g1eb/angular-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## Non-Angular version\n\nIf you are looking for a plain vanilla javascript version of the heatmap, check out [calendar-heatmap-graph](https://github.com/g1eb/calendar-heatmap)\n\n## Dependencies\n\n* [Angular](https://angular.io/)\n* [moment.js](https://momentjs.com/)\n* [d3.js](https://d3js.org/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fg1eb%2Fangular2-calendar-heatmap","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fg1eb%2Fangular2-calendar-heatmap","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fg1eb%2Fangular2-calendar-heatmap/lists"}