nivo README

The project's README from github.com/plouc/nivo. As one markdown file: README.md.

nivo

Backers on Open Collective Sponsors on Open Collective License GitHub Actions NPM version nivo channel on discord

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

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]

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]

nivo (plouc/nivo)

Searching Database…

14.1K ·GitHub
这是什么?nivo 是一个 React 组件库,用于构建数据可视化,基于 d3 构建,支持 SVG、HTML 和 Canvas 渲染。
这是 UI 库还是完整的图表应用?它是一个 React 图表组件库,以一个核心包加上每种图表类型对应的多个作用域包的形式发布。
怎么把它加到项目里?安装 @nivo/core 包,以及你要使用的具体图表对应的作用域包(例如 @nivo/bar、@nivo/line),然后导入 React 组件即可。
使用它需要懂 React 和 d3 吗?需要。nivo 是一组基于 d3 构建的 React 组件,因此需要具备基本的 React 知识;d3 本身已在内部封装。
每种图表都支持服务端渲染吗?没有逐个图表明确说明,但 nivo 将 SSR 和 HTTP API 作为通用功能进行宣传,这意味着大多数图表开箱即支持。
nivo 支持哪些渲染方式?图表可以渲染为 SVG、HTML 或 Canvas,具体取决于所选的包和性能需求。
图表动画是怎么实现的?动效和过渡由 react-spring 驱动,实现流畅的交互式动画。
在哪里可以浏览可用的图表类型?Components Explorer 提供了一个交互式演示场,列出了 nivo 所有可用的包和组件。
有没有可以求助或交流的社区?有,nivo 有一个 Discord 社区,用于交流讨论和获取支持。
What are similar projects?d3, echarts, victory, G6, recharts, highcharts, Chart.js, primeng
Creator
plouc
Size
79.2 MB
Stars
14.1K
Age
10y
Commits · 90 Days