React Pivottable

Theme by Plotly

Updated: 27 Jan 2025

1027 Stars

React-based drag'n'drop pivot table with Plotly.js charts

Overview

react-pivottable is a React-based pivot table library that allows users to explore and analyze data by summarizing it into table or Plotly.js chart formats using a drag’n’drop UI similar to Microsoft Excel’s older versions. It is part of Plotly’s React Component Suite for building data visualization web apps.

Features

React-based: Built using React to provide a seamless integration with React applications.
Drag’n’drop functionality: Allows users to interactively explore data by dragging and dropping fields.
Table and Plotly chart output: Enables users to view data in both traditional table format and interactive Plotly charts.
Peer dependency on React: Requires React as a peer dependency for installation.
Layered architecture: Implements a layered architecture to handle data processing and rendering efficiently.

Installation

To install react-pivottable, follow these steps:

Run npm install react-pivottable
Ensure React is installed as a peer dependency with npm install react
Include the necessary components in your project using the provided code snippets.

Summary

react-pivottable is a versatile library that offers a user-friendly approach to data exploration and analysis. Its drag’n’drop functionality, support for both table and Plotly chart output, and integration with React make it a valuable tool for developers working on data visualization projects. By following the installation guide and leveraging its layered architecture, users can efficiently incorporate react-pivottable into their React applications to enhance data visualization capabilities.