plouc / nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing plouc/nivo in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Summary (README)
Preview<a href="https://nivo.rocks"><img alt="nivo" src="https://raw.githubusercontent.com/plouc/nivo/master/nivo.png" width="216" height="68"/></a>
nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3.
Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.
Installation
In order to use nivo, you have to install the @nivo/core package and then choose
some of the scoped @nivo packages according to the charts you wish to use:
yarn add @nivo/core @nivo/bar
Features
- Highly Customizable
- Motion/Transitions, powered by react-spring
- Interactive Components Playground
- Exhaustive Documentation
- SVG Charts
- HTML Charts
- Canvas Charts
- Server Side Rendering and HTTP API
- Patterns & Gradients
- Theming
- Responsive Charts
Discussion
Join the nivo discord community.
Packages & components
nivo is comprised of several packages/components, for a full list, please use the Components Explorer.
Guides
Backers
Donations are welcome to help improving nivo [Become a backer]
<a href="https://opencollective.com/nivo#backers" target="_blank"><img src="https://opencollective.com/nivo/backers.svg?width=890"></a>
Open Collective Sponsors
Support this project by becoming a sponsor, your logo will show up here with a link to your website. [Become a sponsor]