repository·master·Indexed 11 days ago
https://github.com/plouc/nivoA collection of highly customizable React components for building data visualization applications built on top of d3. It supports SVG, Canvas, and HTML rendering engines, and provides server-side rendering capabilities via the nivo-api. Available packages include @nivo/bar, @nivo/line, @nivo/pie, @nivo/geo, @nivo/heatmap, and others for various chart types like Chord, Bump, Calendar, and Funnel.
@nivo/polar-bar is a package within the Nivo data visualization library that provides the PolarBar component. This component is designed for creating polar bar charts, which represent data in a circular/radial coordinate system rather than a standard Cartesian grid.
For detailed interactive documentation, API references, and live examples, visit the official Nivo website: http://nivo.rocks/polar-bar/.
nivo provides supercharged React components for building data visualization applications, built on top of d3. Key features include:
react-spring.@nivo/stream package provides a Stream chart component used to visualize continuous data flows over time. For detailed API documentation, property definitions, and advanced configuration, visit the official Nivo documentation at http://nivo.rocks/stream/.@nivo/bump package also includes the AreaBump component. This variation visualizes rank changes using filled areas instead of simple lines, providing a different visual emphasis on the magnitude or presence of the series over time.@nivo/icicle provides components for rendering Icicle charts. It offers two primary ways to render these charts:
For detailed API documentation and interactive examples, visit the official Nivo documentation at nivo.rocks/icicle/.
The @nivo/swarmplot package provides components for creating Swarm Plots, which are used to visualize the distribution of data points across different categories without overlap. It offers two main components:
SwarmPlot: An SVG-based component suitable for high-quality, interactive visualizations where DOM manipulation and CSS styling are preferred.SwarmPlotCanvas: A Canvas-based component optimized for performance when rendering a very large number of data points.@nivo/chord package provides components for creating Chord diagrams, which visualize relationships between entities in a circular layout. You can use the Chord component for SVG-based rendering, which is ideal for interactive, high-quality vector graphics.ChordCanvas component in the @nivo/chord package provides a Canvas-based implementation of Chord diagrams. This is recommended when you need to render a large number of connections or entities that might cause performance issues with SVG rendering.The @nivo/funnel package provides a Funnel chart component used to visualize stages in a process and the flow of data through those stages. For detailed API documentation and usage examples, visit the official Nivo documentation.
The @nivo/radial-bar package provides the RadialBar component, which is used to create radial bar charts. These charts represent data as concentric or stacked bars arranged in a circular layout.
For detailed API documentation and interactive examples, visit the official Nivo documentation at http://nivo.rocks/radial-bar/.
@nivo/bullet package provides a Bullet chart component used to visualize performance against targets and ranges. For detailed API documentation, property definitions, and interactive examples, visit the official Nivo documentation at nivo.rocks/bullet/.CalendarCanvas component is a high-performance alternative to the standard Calendar component. It uses HTML5 Canvas for rendering, which is more efficient when dealing with large datasets or complex visualizations that might cause performance issues with SVG-based rendering.