Development · Website
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.
What it's 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
- Topic
- UI Components
- 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: Reveals the stack behind Fey's much-praised stock charts; the quoted tweet offers a breakdown of the chart components and code.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated