{"id":13727297,"url":"https://github.com/pomber/react-svg-curve","last_synced_at":"2025-04-22T23:45:35.771Z","repository":{"id":53198913,"uuid":"256316029","full_name":"pomber/react-svg-curve","owner":"pomber","description":"React components to draw different types of curves with svg","archived":false,"fork":false,"pushed_at":"2020-08-01T21:25:39.000Z","size":647,"stargazers_count":55,"open_issues_count":4,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-29T20:04:30.366Z","etag":null,"topics":["bezier","curve","path","react","smooth","spline","svg"],"latest_commit_sha":null,"homepage":"https://codesandbox.io/embed/react-svg-curve-71nnp?fontsize=14\u0026hidenavigation=1\u0026theme=dark\u0026view=preview","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/pomber.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":"2020-04-16T19:54:45.000Z","updated_at":"2024-11-05T10:58:15.000Z","dependencies_parsed_at":"2022-09-25T03:20:16.108Z","dependency_job_id":null,"html_url":"https://github.com/pomber/react-svg-curve","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Freact-svg-curve","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Freact-svg-curve/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Freact-svg-curve/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pomber%2Freact-svg-curve/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pomber","download_url":"https://codeload.github.com/pomber/react-svg-curve/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250343865,"owners_count":21415035,"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":["bezier","curve","path","react","smooth","spline","svg"],"created_at":"2024-08-03T01:03:48.680Z","updated_at":"2025-04-22T23:45:35.754Z","avatar_url":"https://github.com/pomber.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# react-svg-curve\n\nReact components to draw different types of curves with `svg`. It wraps all the curve paths from [d3-shape](https://github.com/d3/d3-shape/blob/master/README.md#curves).\n\nInstall\n\n```bash\nnpm install react-svg-curve\n```\n\nUse\n\n```jsx\nimport { BasisCurve } from 'react-svg-curve';\n\nfunction App() {\n  return (\n    \u003csvg width=\"100\" height=\"40\"\u003e\n      \u003cBasisCurve\n        data={[\n          [0, 10],\n          [50, 35],\n          [100, 0],\n        ]}\n      /\u003e\n    \u003c/svg\u003e\n  );\n}\n```\n\n`BasisCurve` is one of many types of curves available. Go to [the **demo** on codesandbox](https://codesandbox.io/embed/react-svg-curve-71nnp?fontsize=14\u0026hidenavigation=1\u0026theme=dark\u0026view=preview) to see all the curves and options.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpomber%2Freact-svg-curve","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpomber%2Freact-svg-curve","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpomber%2Freact-svg-curve/lists"}