{"id":14449514,"url":"https://github.com/hawkgs/ng2-gauge","last_synced_at":"2025-12-30T01:11:21.739Z","repository":{"id":85378459,"uuid":"92592411","full_name":"hawkgs/ng2-gauge","owner":"hawkgs","description":"⏲ SVG gauge component for Angular","archived":false,"fork":false,"pushed_at":"2024-02-04T15:55:13.000Z","size":1010,"stargazers_count":54,"open_issues_count":3,"forks_count":14,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-09T12:04:01.043Z","etag":null,"topics":["analog-gauge","angular","angular-gauge","angular2-gauge","gauge","ng-gauge","ng2-gauge"],"latest_commit_sha":null,"homepage":"","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/hawkgs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-27T10:42:38.000Z","updated_at":"2025-07-24T14:35:26.000Z","dependencies_parsed_at":"2024-06-19T13:33:36.196Z","dependency_job_id":"d6d61b0e-69ca-4e58-9ef9-469c89da28e7","html_url":"https://github.com/hawkgs/ng2-gauge","commit_stats":{"total_commits":58,"total_committers":4,"mean_commits":14.5,"dds":0.06896551724137934,"last_synced_commit":"7f7ae5993c061fc712de5abea486650d8e76b1fc"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hawkgs/ng2-gauge","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawkgs%2Fng2-gauge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawkgs%2Fng2-gauge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawkgs%2Fng2-gauge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawkgs%2Fng2-gauge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hawkgs","download_url":"https://codeload.github.com/hawkgs/ng2-gauge/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hawkgs%2Fng2-gauge/sbom","scorecard":{"id":457786,"data":{"date":"2025-08-11","repo":{"name":"github.com/hawkgs/ng2-gauge","commit":"84ba281bc5b2786b3265f964dd1e6fa29d554453"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.5,"checks":[{"name":"Code-Review","score":0,"reason":"Found 2/27 approved changesets -- score normalized to 0","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":"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":"Token-Permissions","score":0,"reason":"detected GitHub workflow tokens with excessive permissions","details":["Warn: no topLevel permission defined: .github/workflows/ng2-gauge.yaml:1","Info: no jobLevel write permissions found"],"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":"Dangerous-Workflow","score":10,"reason":"no dangerous workflow patterns detected","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":"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":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ng2-gauge.yaml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/hawkgs/ng2-gauge/ng2-gauge.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ng2-gauge.yaml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/hawkgs/ng2-gauge/ng2-gauge.yaml/master?enable=pin","Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ng2-gauge.yaml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/hawkgs/ng2-gauge/ng2-gauge.yaml/master?enable=pin","Warn: npmCommand not pinned by hash: .github/workflows/ng2-gauge.yaml:28","Info:   0 out of   3 GitHub-owned GitHubAction dependencies pinned","Info:   0 out of   1 npmCommand dependencies pinned"],"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":"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":"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 6 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":"49 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-8hc4-vh64-cxmj","Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6","Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh","Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-3787-6prv-h9w3","Warn: Project is vulnerable to: GHSA-9f24-jqhm-jfcw","Warn: Project is vulnerable to: GHSA-9qxr-qj54-h672","Warn: Project is vulnerable to: GHSA-m4v8-wqvr-p9f7","Warn: Project is vulnerable to: GHSA-c76h-2ccp-4975","Warn: Project is vulnerable to: GHSA-cxrh-j4jr-qwg3","Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g","Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3","Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx","Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6","Warn: Project is vulnerable to: GHSA-x574-m823-4x7w","Warn: Project is vulnerable to: GHSA-4r4m-qw57-chr8","Warn: Project is vulnerable to: GHSA-xcj6-pq6g-qj4x","Warn: Project is vulnerable to: GHSA-356w-63v5-8wf4","Warn: Project is vulnerable to: GHSA-859w-5945-r5v3","Warn: Project is vulnerable to: GHSA-4vvj-4cpr-p986","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q"],"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-19T10:12:38.490Z","repository_id":85378459,"created_at":"2025-08-19T10:12:38.490Z","updated_at":"2025-08-19T10:12:38.490Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272430621,"owners_count":24933895,"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-28T02:00:10.768Z","response_time":74,"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":["analog-gauge","angular","angular-gauge","angular2-gauge","gauge","ng-gauge","ng2-gauge"],"created_at":"2024-09-01T08:01:20.740Z","updated_at":"2025-12-30T01:11:21.694Z","avatar_url":"https://github.com/hawkgs.png","language":"TypeScript","funding_links":[],"categories":["Recently Updated","Table of contents"],"sub_categories":["[Sep 01, 2024](/content/2024/09/01/README.md)","Third Party Components"],"readme":"# ng2-gauge\r\n\r\nSVG gauge component for Angular\r\n\r\n\u003ctable\u003e\r\n  \u003ctr\u003e\r\n    \u003ctd\u003e\r\n      \u003cimg src=\"https://raw.githubusercontent.com/hawkgs/ng2-gauge/master/assets/gauge.png\" alt=\"ng2-gauge\" /\u003e\r\n    \u003c/td\u003e\r\n    \u003ctd\u003e\r\n      \u003cimg src=\"https://raw.githubusercontent.com/hawkgs/ng2-gauge/master/assets/demo.gif\" /\u003e\r\n      \u003cp\u003e\u003cem\u003eSuitable for building virtual dashboards (initially designed for that).\u003c/em\u003e\u003c/p\u003e\r\n    \u003c/td\u003e\r\n  \u003c/tr\u003e\r\n\u003c/table\u003e\r\n\r\n**v1.3.2** | [CHANGELOG](./CHANGELOG.md)\r\n\r\n## Installation\r\n\r\n```\r\nnpm install ng2-gauge --save\r\n```\r\n\r\n## How to?\r\n\r\nYou should import the `GaugeModule` to your desired module:\r\n\r\n```typescript\r\nimport { NgModule } from '@angular/core';\r\nimport { GaugeModule } from 'ng2-gauge';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, GaugeModule],\r\n})\r\nexport class SharedModule {}\r\n```\r\n\r\nThen you can simply use the component in your template:\r\n\r\n```typescript\r\n@Component({\r\n  selector: 'app-my-component',\r\n  template: `\r\n    \u003cng2-gauge\r\n      [max]=\"9000\"\r\n      [value]=\"value$ | async\"\r\n    \u003c/ng2-gauge\u003e`,\r\n})\r\nexport class MyComponent {\r\n  value$: Observable\u003cnumber\u003e;\r\n}\r\n```\r\n\r\n## Options\r\n\r\nThe component provides a list of the following options:\r\n\r\n- **`max: number`** _(required)_ – The maximal value of the gauge. It is suggested to use a number that is divisible by 10^n (e.g. 100, 1000, etc.)\r\n- **`value: number`** – The current value of the gauge\r\n- **`unit: string`** – The unit of the gauge (i.e. mph, psi, etc.)\r\n- **`size: number`** – Size/width of the gauge _in pixels_\r\n- **`arcStart: number`** – The start/beginning of the scale arc _in degrees_. Default `225`\r\n- **`arcEnd: number`** – The end of the scale arc _in degrees_. Default: `135`\r\n- **`digitalDisplay: boolean`** – Displays the current value as digital number inside the gauge\r\n- **`darkTheme: boolean`** – Enables the dark theme\r\n- **`activateRedLightAfter: number`** - Shows a red light when the specified limit is reached\r\n- **`sectors: Sectors[]`** – Defines the coloring of specified sectors\r\n- **`config: GaugeConfig`** _(Not recommended)_ – Alters the default configuration; This may lead to unexpected behavior; [GaugeConfig](./src/app/gauge/shared/config.ts)\r\n\r\n### Sectors\r\n\r\nSectors are used for marking parts of the arc with a different color.\r\n\r\n**Example:**\r\n\r\n```typescript\r\nconst max = 9000;\r\nconst sectors = [\r\n  {\r\n    from: 6500,\r\n    to: 8000,\r\n    color: 'orange',\r\n  },\r\n  {\r\n    from: 8000,\r\n    to: 9000,\r\n    color: 'red',\r\n  },\r\n];\r\n```\r\n\r\n## Styling\r\n\r\nThe component provides two themes - light (default) and dark. Yet, you can easily alter the CSS through the parent component in order to fit your needs. The font used for the gauge is Orbitron (Google Fonts).\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhawkgs%2Fng2-gauge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhawkgs%2Fng2-gauge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhawkgs%2Fng2-gauge/lists"}