React News

Handle Large Datasets with a Fast, Virtualized Grid

April 11, 2025
Highcharts Grid delivers smooth, high-performance rendering of massive data volumes through intelligent row virtualization.

Highcharts Grid is a feature-rich data grid component developed by Highsoft, designed for use within Highcharts Dashboards or as a standalone component. Grid Lite is a free, lightweight version ideal for developers seeking a performant and accessible data grid with a basic feature set. Grid Pro is a commercial, feature-rich version built for complex applications that demand advanced data manipulation and interactivity. It includes all the capabilities of Grid Lite, along with a highly customizable and interactive interface that supports inline editing, column sorting, and event handling, enabling developers to build responsive data visualization applications.

Highcharts Grid delivers high performance when handling large datasets by employing row virtualization, a technique that renders only the rows currently visible within the viewport. This significantly reduces memory consumption and ensures fluid, responsive scrolling, even when working with thousands of records.

Highcharts Grid Pro requires a license for Highcharts Dashboards, licensed per developer as an Annual or Perpetual License with Internal, Saas, SaaS+ and OEM distribution options. The annual license includes support and all product updates for 1 year and must be renewed to continue to use the software. The perpetual license includes an "Advantage Subscription" for 1 to 5 years which provides support and updates for that period. If you do not renew Advantage then you may continue to use the software at the last release available during the active Advantage period. See our Highcharts Dashboards licensing page for full details.

Learn more on our Highcharts Dashboards product page.

Visualize Data in a Space-Efficient Way

April 10, 2025
Radial charts offer a compelling way to display comparative or cyclical data, transforming standard representations into engaging circular visuals.

Radial charts provide an intuitive way to visualize hierarchical and categorical data. They display bars on a polar coordinate system instead of a cartesian system, which uses an x-y grid for positioning data. These charts represent values in a circular layout, making it ideal for comparing proportions and relationships between data points. Circular bar charts, a variation of the traditional bar chart, arrange data in a radial format for displaying comparisons between categories. They are particularly useful for visualizing periodic or cyclical data, such as time-based metrics. Sunburst charts break down hierarchical structures into concentric rings. The center of the chart typically represents the root category, while outer rings depict subcategories. These are used for visualizing part-to-whole relationships within a dataset.

Several React chart controls offer radial charts including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) enables developers to render concentric segments with gradient fills, animation effects, and interactive tooltips.
  • Highcharts Core by Highsoft enables the creation of radial bar charts facilitating the display of data in a circular layout with bars extending outward from the center.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) offers radial bar chart support enabling developers to build compact, circular metric displays.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) includes a radial bar chart type within its polar chart suite, optimized for performance and rendering quality.

For an in-depth analysis of features and price, visit our React chart controls comparison.

Compare React Chart Controls

Encode Large Data in Reports Using Macro PDF417

April 10, 2025
Stimulsoft Reports.JS 2025.2.1 lets developers encode large, structured data across multiple barcode symbols without sacrificing layout or clarity.

Stimulsoft Reports.JS provides a robust reporting toolkit designed specifically for JavaScript applications. This library leverages a client-side architecture, offering a pure JavaScript report engine for efficient report rendering directly within web browsers. The solution includes a user-friendly report designer for building reports with various data sources and visualizations, along with a report viewer for seamless integration and display within your JavaScript applications. This eliminates the need for server-side dependencies or browser plugins, simplifying the development process for embedding powerful reporting functionalities into your web projects.

The Stimulsoft Reports.JS 2025.2.1 update introduces support for the Macro PDF417 barcode, allowing developers to handle larger data payloads within reports. Unlike the standard PDF417 barcode, which is limited in data capacity, the Macro PDF417 format enables the encoding of large data files by splitting them into multiple linked symbols. This enhancement is particularly useful when working with high-volume or multi-page reports, providing a reliable solution for encoding structured data without compromising layout or readability.

To see a full list of what's new in 2025.2.1, see our release notes.

Stimulsoft Reports.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Reports.JS licensing page for full details.

Stimulsoft Reports.JS is available individually or as part of Stimulsoft Ultimate.

Enable Rich Data Editing in React Grids

April 8, 2025
Discover how advanced editing and validation features in grid controls elevate user interaction and data accuracy within tabular interfaces.

Data interaction and manipulation features in grid components enable users to engage directly with tabular data—supporting not just the display of information, but also its editing, validation, and contextual input. These capabilities are critical for creating rich, form-like experiences within data grids, particularly in applications where user input and data integrity are central to the workflow. By offering a range of editing modes and validation tools, grid components help ensure that data remains both accessible and accurate, enabling intuitive and efficient user interactions.

Common grid editing and validation features include:

  • Custom Editing provides the flexibility to integrate specialized input controls like dropdowns, calendars, or sliders tailored to the data type.
  • Data Validation applies rules to user input, checking for correct formats or value ranges before accepting changes.
  • Editing/Inline Editing allows users to update cell content directly within the grid without navigating away.
  • Input Method Editor (IME) support enables users to input complex characters and symbols that are not available on a standard keyboard.
  • Popup Editor opens an overlay or modal window for more complex data input scenarios, useful when editing multiple fields or larger content.
  • Read-only Columns enforce data integrity by preventing modifications to specific fields.
  • Required Columns ensure that essential data fields are completed before submission, supporting robust data collection.

For an in-depth analysis of features and price, visit our React grid components comparison.

Explore React Data Interaction and Manipulation Features

Optimize Chart Layout with Scalable Elements

April 4, 2025
Unlock data insights across all devices with responsive charts that dynamically adjust for optimal viewing and interaction.

Responsive behavior in chart controls refers to the automatic adjustment of a chart’s layout, dimensions, and visual elements to fit the screen size or container in which it is rendered. This functionality ensures that charts remain readable and usable across a wide range of devices, from desktops to tablets and smartphones, without requiring manual configuration for each format. The benefits include reduced development overhead, improved user experience, and consistent presentation of data regardless of platform. Common use cases include dashboards in web applications, analytics platforms, and mobile-first reporting tools, where users expect seamless interaction and clear data visualization across multiple device types.

Several JavaScript chart controls support responsive behavior, including:

  • DevExtreme Chart by DevExpress lets you create responsive charts that adapt to screen size, ensuring consistent readability and layout across all devices.
  • Highcharts Core by Highsoft intelligently adjusts chart elements, including labels and legends, to maintain readability and interactivity across all screen sizes and platforms.
  • Syncfusion JavaScript Chart offers fluid resizing capabilities, automatically optimizing the charts appearance for consistent data exploration on different displays.
  • AnyChart JS enables adaptive chart creation that scales and repositions elements to ensure clarity and usability across all devices and browsers.

For an in-depth analysis of features and price, visit our JavaScript chart controls comparison.

Compare JavaScript Chart Controls