{"id":13401203,"url":"https://github.com/plouc/nivo","last_synced_at":"2026-06-13T09:25:19.388Z","repository":{"id":37585989,"uuid":"56363563","full_name":"plouc/nivo","owner":"plouc","description":"nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries","archived":false,"fork":false,"pushed_at":"2025-04-30T15:41:22.000Z","size":417344,"stargazers_count":13524,"open_issues_count":51,"forks_count":1055,"subscribers_count":74,"default_branch":"master","last_synced_at":"2025-04-30T16:22:43.293Z","etag":null,"topics":["canvas","charts","components","d3js","dataviz","isomorphic","react","svg"],"latest_commit_sha":null,"homepage":"https://nivo.rocks","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/plouc.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","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,"zenodo":null},"funding":{"open_collective":"nivo"}},"created_at":"2016-04-16T03:27:56.000Z","updated_at":"2025-04-30T15:41:25.000Z","dependencies_parsed_at":"2022-07-08T19:39:37.188Z","dependency_job_id":"8d96424d-4a9e-452b-9e35-c77a1d88a7d2","html_url":"https://github.com/plouc/nivo","commit_stats":{"total_commits":2099,"total_committers":226,"mean_commits":9.287610619469026,"dds":0.6079085278704145,"last_synced_commit":"0f5ac2fec4da359ec2baf8a8daf8a40c0ff0230d"},"previous_names":[],"tags_count":151,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plouc%2Fnivo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plouc%2Fnivo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plouc%2Fnivo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/plouc%2Fnivo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/plouc","download_url":"https://codeload.github.com/plouc/nivo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252355918,"owners_count":21734853,"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":["canvas","charts","components","d3js","dataviz","isomorphic","react","svg"],"created_at":"2024-07-30T19:00:59.793Z","updated_at":"2026-06-13T09:25:19.311Z","avatar_url":"https://github.com/plouc.png","language":"TypeScript","funding_links":["https://opencollective.com/nivo"],"categories":["Data Visualization","TypeScript","Uncategorized","JavaScript","Libraries","UI Components","Front-end","Charts","前端开发框架及项目","Charts \u0026 Data Visualization","Framework-Specific Libraries","Packages","canvas","JavaScript tools","React [🔝](#readme)","📖 Categories","🌐 Web Development - Frontend"],"sub_categories":["Uncategorized","Charts Libraries","Data Visualization","React","其他_文本生成、文本对话","Charts and Graphs","React Charts"],"readme":"\u003ca href=\"https://nivo.rocks\"\u003e\u003cimg alt=\"nivo\" src=\"https://raw.githubusercontent.com/plouc/nivo/master/nivo.png\" width=\"216\" height=\"68\"/\u003e\u003c/a\u003e\n\n[![Backers on Open Collective](https://opencollective.com/nivo/backers/badge.svg?style=flat-square)](#backers)\n[![Sponsors on Open Collective](https://opencollective.com/nivo/sponsors/badge.svg?style=flat-square)](#sponsors)\n[![License][license-image]][license-url]\n[![GitHub Actions][actions-image]][actions-url]\n[![NPM version][npm-image]][npm-url]\n[![nivo channel on discord](https://img.shields.io/badge/discord-nivo-61dafb.svg?style=flat-square)](https://discord.gg/n7Ft74f)\n\n**nivo** provides supercharged React components to easily build dataviz apps,\nit's built on top of d3.\n\nSeveral libraries already exist for React d3 integration,\nbut just a few provide server side rendering ability and fully declarative charts.\n\n## Installation\n\nIn order to use nivo, you have to install the `@nivo/core` package and then choose\nsome of the scoped `@nivo` packages according to the charts you wish to use:\n\n```\nyarn add @nivo/core @nivo/bar\n```\n\n## Features\n\n- Highly Customizable\n- Motion/Transitions, powered by [react-spring](https://react-spring.io)\n- [Interactive Components Playground](http://nivo.rocks/)\n- [Exhaustive Documentation](http://nivo.rocks/)\n- [SVG Charts](http://nivo.rocks/components/?filter=svg)\n- [HTML Charts](http://nivo.rocks/components/?filter=html)\n- [Canvas Charts](http://nivo.rocks/components/?filter=canvas)\n- Server Side Rendering and HTTP API\n- [Patterns](http://nivo.rocks/guides/patterns/) \u0026 [Gradients](http://nivo.rocks/guides/gradients/)\n- [Theming](http://nivo.rocks/guides/theming/)\n- Responsive Charts\n\n## Discussion\n\nJoin the [nivo discord community](https://discord.gg/n7Ft74f).\n\n## Packages \u0026 components\n\n**nivo** is comprised of several packages/components, for a full list,\nplease use the [Components Explorer](http://nivo.rocks/components/).\n\n## Guides\n\n- [Axes](http://nivo.rocks/guides/axes/)\n- [Colors](http://nivo.rocks/guides/colors/)\n- [Legends](http://nivo.rocks/guides/legends/)\n- [Gradients](http://nivo.rocks/guides/gradients/)\n- [Patterns](http://nivo.rocks/guides/patterns/)\n- [Theming](http://nivo.rocks/guides/theming/)\n\n## Backers\n\nDonations are welcome to help improving **nivo** [[Become a backer](https://opencollective.com/nivo#backer)]\n\n\u003ca href=\"https://opencollective.com/nivo#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/nivo/backers.svg?width=890\"\u003e\u003c/a\u003e\n\n## Open Collective Sponsors\n\nSupport this project by becoming a sponsor,\nyour logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/nivo#sponsor)]\n\n[license-image]: https://img.shields.io/github/license/plouc/nivo.svg?style=flat-square\n[license-url]: https://github.com/plouc/nivo/blob/master/LICENSE.md\n[npm-image]: https://img.shields.io/npm/v/@nivo/core.svg?style=flat-square\n[npm-url]: https://www.npmjs.com/~nivo\n[actions-image]: https://img.shields.io/github/actions/workflow/status/plouc/nivo/ci.yml?branch=master\u0026style=flat-square\n[actions-url]: https://github.com/plouc/nivo/actions\n[prettier-image]: https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square\n[prettier-url]: https://github.com/prettier/prettier\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplouc%2Fnivo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplouc%2Fnivo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplouc%2Fnivo/lists"}