[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10104":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":16,"starSnapshotCount":16,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},10104,"nivo","plouc\u002Fnivo","plouc","nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries","https:\u002F\u002Fnivo.rocks",null,"TypeScript",14039,1075,69,36,0,5,17,1,73.3,"MIT License",false,"master",true,[26,27,28,29,30,31,32,33],"canvas","charts","components","d3js","dataviz","isomorphic","react","svg","2026-06-12 04:00:48","\u003Ca href=\"https:\u002F\u002Fnivo.rocks\">\u003Cimg alt=\"nivo\" src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fplouc\u002Fnivo\u002Fmaster\u002Fnivo.png\" width=\"216\" height=\"68\"\u002F>\u003C\u002Fa>\n\n[![Backers on Open Collective](https:\u002F\u002Fopencollective.com\u002Fnivo\u002Fbackers\u002Fbadge.svg?style=flat-square)](#backers)\n[![Sponsors on Open Collective](https:\u002F\u002Fopencollective.com\u002Fnivo\u002Fsponsors\u002Fbadge.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:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdiscord-nivo-61dafb.svg?style=flat-square)](https:\u002F\u002Fdiscord.gg\u002Fn7Ft74f)\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\u002Fcore` package and then choose\nsome of the scoped `@nivo` packages according to the charts you wish to use:\n\n```\nyarn add @nivo\u002Fcore @nivo\u002Fbar\n```\n\n## Features\n\n- Highly Customizable\n- Motion\u002FTransitions, powered by [react-spring](https:\u002F\u002Freact-spring.io)\n- [Interactive Components Playground](http:\u002F\u002Fnivo.rocks\u002F)\n- [Exhaustive Documentation](http:\u002F\u002Fnivo.rocks\u002F)\n- [SVG Charts](http:\u002F\u002Fnivo.rocks\u002Fcomponents\u002F?filter=svg)\n- [HTML Charts](http:\u002F\u002Fnivo.rocks\u002Fcomponents\u002F?filter=html)\n- [Canvas Charts](http:\u002F\u002Fnivo.rocks\u002Fcomponents\u002F?filter=canvas)\n- Server Side Rendering and HTTP API\n- [Patterns](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Fpatterns\u002F) & [Gradients](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Fgradients\u002F)\n- [Theming](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Ftheming\u002F)\n- Responsive Charts\n\n## Discussion\n\nJoin the [nivo discord community](https:\u002F\u002Fdiscord.gg\u002Fn7Ft74f).\n\n## Packages & components\n\n**nivo** is comprised of several packages\u002Fcomponents, for a full list,\nplease use the [Components Explorer](http:\u002F\u002Fnivo.rocks\u002Fcomponents\u002F).\n\n## Guides\n\n- [Axes](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Faxes\u002F)\n- [Colors](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Fcolors\u002F)\n- [Legends](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Flegends\u002F)\n- [Gradients](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Fgradients\u002F)\n- [Patterns](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Fpatterns\u002F)\n- [Theming](http:\u002F\u002Fnivo.rocks\u002Fguides\u002Ftheming\u002F)\n\n## Backers\n\nDonations are welcome to help improving **nivo** [[Become a backer](https:\u002F\u002Fopencollective.com\u002Fnivo#backer)]\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Fnivo#backers\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fnivo\u002Fbackers.svg?width=890\">\u003C\u002Fa>\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:\u002F\u002Fopencollective.com\u002Fnivo#sponsor)]\n\n[license-image]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fplouc\u002Fnivo.svg?style=flat-square\n[license-url]: https:\u002F\u002Fgithub.com\u002Fplouc\u002Fnivo\u002Fblob\u002Fmaster\u002FLICENSE.md\n[npm-image]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@nivo\u002Fcore.svg?style=flat-square\n[npm-url]: https:\u002F\u002Fwww.npmjs.com\u002F~nivo\n[actions-image]: https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fplouc\u002Fnivo\u002Fci.yml?branch=master&style=flat-square\n[actions-url]: https:\u002F\u002Fgithub.com\u002Fplouc\u002Fnivo\u002Factions\n[prettier-image]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fstyled_with-prettier-ff69b4.svg?style=flat-square\n[prettier-url]: https:\u002F\u002Fgithub.com\u002Fprettier\u002Fprettier\n","nivo 是一个基于 d3 和 React 构建的数据可视化组件库，提供了丰富的图表组件。它支持高度自定义，并且集成了 react-spring 以实现流畅的动画和过渡效果。nivo 的特点还包括全面的文档、交互式组件游乐场以及多种图表类型（如 SVG、HTML 和 Canvas 图表）。此外，它还支持服务器端渲染和 HTTP API，适用于需要高性能和响应式图表的应用场景。无论是简单的数据展示还是复杂的数据分析项目，nivo 都能提供强大的支持。",2,"2026-06-11 03:26:35","top_topic"]