We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The JavaScript Pivot Treemap control visualizes OLAP data in the form of nested nodes in a hierarchical order with the ability to drill down and drill up.


Data binding

Extensive support to bind OLAP data sources like SSAS, Mondrian, ActivePivot, and Oracle.

Flow chart for server and client data binding in JavaScript pivot treemap control


Optimized for mobile devices

Touch support in JavaScript pivot treemap control

Touch support

All features work smoothly on desktop and tablet devices.

Responsive view in JavaScript pivot treemap control

Responsiveness

Responsive support allows the control layout to be viewed on desktop and tablet devices.


Leaf node

Contains groups of data collections and each group has one or more leaf nodes. Each leaf node is displayed as a rectangle, sized and colored according to values that you assign.

Leaf node support in JavaScript pivot treemap control


drill down support in JavaScript pivot treemap control

Drill down/Drill up

Provides built-in support to drill down (expand) or drill up (collapse) to visualize multidimensional data.


Color mapping

Users can differentiate leaf nodes using various color codes, based on either their values or members.

Range color mapping support in JavaScript pivot treemap control

Range color mapping

Colors can be applied to nodes by comparing their values with a desired numeric range.

Equal color mapping support in JavaScript pivot treemap control

Equal color mapping

Used to differentiate an item’s color fill based on its underlying value and color.

Desaturation color mapping support in JavaScript pivot treemap control

Desaturation color mapping

Colors can be applied to nodes by comparing their values with desaturation color order, that is, from higher to lower values.


Data labels

Used to display more details about a particular node. Label text can be trimmed, hidden, or wrapped if its width exceeds the boundary.

Data labels support in JavaScript pivot treemap control


Interactive legend support in JavaScript pivot treemap control

Interactive legend

An interactive legend is used to find the range of an underlying item’s value on mouse over.


Layout types

Squarified layout support in JavaScript pivot treemap control

Squarified

Visualization layout in the form of square-like rectangles with proper aspect ratios.

Slice and dice layout support in JavaScript pivot treemap control

Auto slice-and-dice

Automatically modify visualization layout to present in the desired orientation with proper aspect ratios.

Horizontal layout support in JavaScript pivot treemap control

Horizontal slice-and-dice

Modify visualization layout to present in a horizontal orientation with proper aspect ratios.

Vertical layout support in JavaScript pivot treemap control

Vertical slice-and-dice

Modify visualization layout to present in a vertical orientation with proper aspect ratios.


Tooltip

Provides option to display information about each node while hovering over them.

Tooltip support in JavaScript pivot treemap control


Custom Style and Themes

Built-in themes for JavaScript pivot treemap control

Built-in Themes

Ships with a set of 13 stunning, built-in themes, specifically azure, lime, and saffron in light, dark, and gradient patterns.

Custom style for JavaScript pivot treemap control

Custom Style

Provides ability to customize the appearance of the control in code-behind.


Globalization and Localization

Globalization for JavaScript pivot treemap control

Globalization

Allows users from different locales to use the control by applying date format, currency format, and number format to suit regional or cultural preferences.

Localization for JavaScript pivot treemap control

Localization

Allows users to customize the text in the user interface based on the local culture.


Developer-friendly API

For a great developer experience, flexible built-in APIs are available to define and customize the JavaScript Pivot Treemap control. Developers can optimize the data bound to the control and customize the user interface (UI) completely using code with ease.


Cross-browser and cross-platform

The JavaScript Pivot Treemap control will work on all major browsers across Windows and macOS. It is written in jQuery to provide the same working experience on popular browser like Chrome 17+, Firefox 22+ and Internet Explorer 8+. It also works with various platforms like ASP.NET Web Forms, ASP.NET MVC, ASP.NET Core, TypeScript, PHP and JSP.

Cross browser compatibility for JavaScript pivot treemap control


Third-party framework support

The JavaScript Pivot Treemap control has built-in integration with popular third-party frameworks such as Angular, React, Ember, and Aurelia. Check out the control’s unique features for each platform:


75+ jQuery UI WIDGETS

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version
Download Free Trial No credit card required.

Syncfusion jQuery Resources

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon