# nivo

> React data visualization components built on top of D3

nivo is an open-source React data visualization library built on D3. It provides a wide variety of responsive, customizable chart types ranging from standard line and bar charts to complex Sankey diagrams and choropleth maps. It is notable for its rich interactivity, SVG and canvas rendering support, and polished aesthetics used in modern web apps like Fey.

Website: https://nivo.rocks/

## What it is for

- Build responsive financial and stock price line charts
- Add interactive data visualization dashboards to React applications
- Render complex hierarchical charts like treemaps and sunburst diagrams
- Generate choropleth and geographic map visualizations

## Features

- Extensive collection of chart types (line, bar, pie, chord, sankey, treemap, calendar, and more)
- Built on top of React and D3
- Multiple rendering options including SVG, Canvas, and HTML
- Interactive documentation with live configuration previews
- Customizable themes, color palettes, and tooltips
- Support for responsive layouts and animations

## Pricing

Open source. Free and open source (MIT)

## Details

- Type: Website
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library, Web
- For: React developers and designers building data visualizations
- Alternative to: Recharts, Chart.js, Victory, Tremor
- Tags: react, charts, dataviz, d3, javascript, data visualization

## Why it was saved

- [@brotzky, 21 November 2023](https://x.com/brotzky/status/1727038242514727164): Reveals the stack behind Fey's much-praised stock charts; the quoted tweet offers a breakdown of the chart components and code.

## Compare

- [Alternatives to Tremor](https://xiry.app/alternatives/tremor.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/nivo

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.