{"id":23181034,"url":"https://github.com/shauns/react-d3-radar","last_synced_at":"2025-07-07T14:34:31.833Z","repository":{"id":46190346,"uuid":"80538731","full_name":"shauns/react-d3-radar","owner":"shauns","description":"React-based Radar chart for D3","archived":false,"fork":false,"pushed_at":"2021-01-28T11:07:24.000Z","size":122,"stargazers_count":53,"open_issues_count":10,"forks_count":32,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-27T11:05:46.344Z","etag":null,"topics":["chart","d3","radar-chart","react"],"latest_commit_sha":null,"homepage":null,"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/shauns.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-01-31T16:30:38.000Z","updated_at":"2024-01-05T11:07:21.000Z","dependencies_parsed_at":"2022-09-05T03:01:17.663Z","dependency_job_id":null,"html_url":"https://github.com/shauns/react-d3-radar","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/shauns/react-d3-radar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shauns%2Freact-d3-radar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shauns%2Freact-d3-radar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shauns%2Freact-d3-radar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shauns%2Freact-d3-radar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shauns","download_url":"https://codeload.github.com/shauns/react-d3-radar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shauns%2Freact-d3-radar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264092445,"owners_count":23556304,"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","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":["chart","d3","radar-chart","react"],"created_at":"2024-12-18T08:14:16.234Z","updated_at":"2025-07-07T14:34:31.786Z","avatar_url":"https://github.com/shauns.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-d3-radar\n\n[![Build Status](https://travis-ci.org/shauns/react-d3-radar.svg?branch=master)](https://travis-ci.org/shauns/react-d3-radar)\n\n\u003cimg src=\"http://i.imgur.com/rgJ7bXi.png\" width=\"300\"\u003e\n\nReact-based Radar chart for D3\n\n## What is this?\n\nD3v4's modular structure means you can pull in things like the scaling or colour logic, and leave out DOM functionality if you're using D3 in an environment that 'owns' the DOM -- such as React.\n\nThis is a Radar chart component for displaying multiple sets of data. Hovering is supported via `d3-voronoi`.\n\n## Examples\n\n```js\nimport Radar from 'react-d3-radar';\n\u003cRadar\n  width={500}\n  height={500}\n  padding={70}\n  domainMax={10}\n  highlighted={null}\n  onHover={(point) =\u003e {\n    if (point) {\n      console.log('hovered over a data point');\n    } else {\n      console.log('not over anything');\n    }\n  }}\n  data={{\n    variables: [\n      {key: 'resilience', label: 'Resilience'},\n      {key: 'strength', label: 'Strength'},\n      {key: 'adaptability', label: 'Adaptability'},\n      {key: 'creativity', label: 'Creativity'},\n      {key: 'openness', label: 'Open to Change'},\n      {key: 'confidence', label: 'Confidence'},\n    ],\n    sets: [\n      {\n        key: 'me',\n        label: 'My Scores',\n        values: {\n          resilience: 4,\n          strength: 6,\n          adaptability: 7,\n          creativity: 2,\n          openness: 8,\n          confidence: 1,\n        },\n      },\n      {\n        key: 'everyone',\n        label: 'Everyone',\n        values: {\n          resilience: 10,\n          strength: 8,\n          adaptability: 6,\n          creativity: 4,\n          openness: 2,\n          confidence: 0,\n        },\n      },\n    ],\n  }}\n/\u003e\n```\n## API\n\n### \u0026lt;Radar /\u003e\n\nRenders a Radar chart in SVG (creates its own `svg` element). Props are as per the example above.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshauns%2Freact-d3-radar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshauns%2Freact-d3-radar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshauns%2Freact-d3-radar/lists"}