{"id":29751753,"url":"https://github.com/vasturiano/d3-radial-axis","last_synced_at":"2025-07-26T14:42:07.691Z","repository":{"id":48005778,"uuid":"81412625","full_name":"vasturiano/d3-radial-axis","owner":"vasturiano","description":"A radial implementation of the D3 axis component","archived":false,"fork":false,"pushed_at":"2025-04-09T19:46:18.000Z","size":146,"stargazers_count":25,"open_issues_count":2,"forks_count":5,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-14T17:50:00.658Z","etag":null,"topics":["curve","d3-axis","d3js","data-visualization","polar","radial","spiral"],"latest_commit_sha":null,"homepage":"https://vasturiano.github.io/d3-radial-axis/example/arc-axis.html","language":"JavaScript","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/vasturiano.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-02-09T05:27:44.000Z","updated_at":"2025-04-09T19:46:21.000Z","dependencies_parsed_at":"2024-06-19T02:27:04.676Z","dependency_job_id":"79ce287f-02e2-4a25-b708-acc6ad8a144e","html_url":"https://github.com/vasturiano/d3-radial-axis","commit_stats":null,"previous_names":[],"tags_count":20,"template":false,"template_full_name":null,"purl":"pkg:github/vasturiano/d3-radial-axis","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fd3-radial-axis","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fd3-radial-axis/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fd3-radial-axis/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fd3-radial-axis/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vasturiano","download_url":"https://codeload.github.com/vasturiano/d3-radial-axis/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasturiano%2Fd3-radial-axis/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267180080,"owners_count":24048483,"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-07-26T02:00:08.937Z","response_time":62,"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":["curve","d3-axis","d3js","data-visualization","polar","radial","spiral"],"created_at":"2025-07-26T14:42:04.483Z","updated_at":"2025-07-26T14:42:07.682Z","avatar_url":"https://github.com/vasturiano.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"d3-radial-axis\n==============\n\n[![NPM package][npm-img]][npm-url]\n[![Build Size][build-size-img]][build-size-url]\n[![NPM Downloads][npm-downloads-img]][npm-downloads-url]\n\nA radial implementation of the [D3 axis](https://github.com/d3/d3-axis) component.\n\nTo use for instance in a [clock](https://observablehq.com/@vasturiano/analog-clock) or a [gauge meter](https://observablehq.com/@vasturiano/gauge-meter).\n\n## Quick start\n\n```js\nimport { axisRadialInner, axisRadialOuter } from 'd3-radial-axis';\n```\n\nor using a *script* tag\n\n```html\n\u003cscript src=\"//cdn.jsdelivr.net/npm/d3-radial-axis\"\u003e\u003c/script\u003e\n```\n\nthen\n\n```js\nconst myAngleScale = d3.scaleLinear()\n    .domain([-10, 10])\n    .range([-Math.PI, Math.PI]);\nconst myRadius = 100;\nconst myRadialAxis = d3.axisRadialInner(myAngleScale, myRadius);\n\nd3.select(\u003cmyDOMElement\u003e).call(myRadialAxis);\n```\n\n## API reference\n\nSame features as the regular [D3 axis](https://github.com/d3/d3-axis#api-reference).\n\n```\nd3.axisRadialOuter()\n    .ticks()\n    .tickArguments()\n    .tickValues()\n    .tickFormat()\n    .tickSize()\n    .tickSizeInner()\n    .tickSizeOuter()\n    .tickPadding()\n```\n\nIncludes additional properties to configure the radial axis, the `angleScale`, and the axis `radius`.\n\nAlso supports the representation of a [spiral axis](https://vasturiano.github.io/d3-radial-axis/example/spiral-axis.html) when setting a pair of `startRadius` and `endRadius`.\n\n```\nd3.axisRadialOuter()\n    .angleScale()\n    .radius()\n    .startRadius()\n    .endRadius()\n```\n\n[npm-img]: https://img.shields.io/npm/v/d3-radial-axis.svg\n[npm-url]: https://npmjs.org/package/d3-radial-axis\n[build-size-img]: https://img.shields.io/bundlephobia/minzip/d3-radial-axis.svg\n[build-size-url]: https://bundlephobia.com/result?p=d3-radial-axis\n[npm-downloads-img]: https://img.shields.io/npm/dt/d3-radial-axis\n[npm-downloads-url]: https://www.npmtrends.com/d3-radial-axis\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasturiano%2Fd3-radial-axis","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvasturiano%2Fd3-radial-axis","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasturiano%2Fd3-radial-axis/lists"}