Angular News

Create Visually Compelling Interfaces from Grid Data

February 13, 2024
Smart HTML Elements v18 adds a new grid card view layout which offers a user-friendly interface for data exploration and editing.

Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart HTML Elements v18.0.0 release adds a new grid card view layout that leverages CSS grid to offer an adaptive container for presenting information in a visually appealing card format. Cards can be dynamically populated with text, images, and other multimedia elements, allowing for customization and adaptation to diverse content types. The responsive layout automatically adjusts to various screen sizes and device orientations, ensuring optimal card arrangement and user experience across platforms.

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

Smart HTML Elements is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. It includes distribution to Unlimited Web applications, SaaS projects, Intranets and Websites. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.

Easily Import / Export BPMN Diagrams to XML

February 13, 2024
JointJS+ v4.0 allows you to import and export Business Process Modelling Notation diagrams to XML for easier sharing and exchange.

JointJS+ is a diagramming library that offers advanced features like custom shapes, data binding, and advanced layout algorithms, enabling you to create complex, interactive, and visually appealing diagrams. It includes a ready-to-use demo application that showcases its functionality and serves as a starting point for your own diagramming projects.

The JointJS+ 4.0 release introduces a significant advancement in business process management: seamless Business Process Modelling Notation XML import and export. This innovative feature empowers users to effortlessly translate BPMN diagrams into the BPMN XML format and vice versa, fostering interoperability across diverse tools and platforms, including editors and automation engines. JointJS+ 4.0 empowers process analysts, developers, and stakeholders alike to contribute and leverage BPMN diagrams with ease, paving the way for smoother and more efficient process management across the entire organization.

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

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

Learn more on our JointJS+ product page.

Seamlessly Navigate Data Layers in Angular Grids

February 8, 2024
From consolidated summaries to underlying granular details, drill-down functionality allows users to get a deeper understanding of complex data.

Drill-down capability within a grid control is a user-interactive feature that allows deeper exploration of summarized data. By clicking on specific cells or groups, users navigate down through hierarchical levels, uncovering increasingly granular details hidden within the aggregated view. This empowers informed decision-making by readily accessing both summarized overviews and underlying individual records, all within the familiar grid interface.

Several Angular grid controls offer drill-down capability including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) enables you to seamlessly drill down into nested data for granular insights.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to navigate hierarchical data effortlessly with intuitive parent-child relationships.
  • SmartClient Grid by Isomorphic Software empowers users with rich drill-down capabilities and customizable expand/collapse options.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) enables you to inspect data across multiple levels through seamless row and column drill-down.
  • ZingGrid allows you to uncover insights easily with built-in drill-down hierarchies for interactive data exploration.

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

Compare Angular Grid Controls

Reveal the Relationships Between Multiple Variables

February 2, 2024
Scatter/Bubble charts help you to spot trends, compare magnitudes, and identify clusters across three factors simultaneously.

Scatter and bubble charts are used to display data points on a two-dimensional graph. While scatter charts use dots to represent data points, bubble charts add an additional dimension by varying the dot size, often representing volume or intensity. These charts are useful for showing relationships between variables and for identifying patterns or trends in data.

Several Angular chart controls offer scatter and bubble charts including:

  • Highcharts Core lets you craft interactive surface and bubble charts with detailed customization and dynamic animations.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) integrates responsive surface and bubble charts into your Angular applications, providing custom themes.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) empowers you to add dynamic surface and bubble charts with advanced data binding to your Angular projects.
  • amCharts 5: Charts visualizes multi-dimensional data in engaging surface and bubble charts, offering rich interactivity and drill-down options.

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

Compare Angular Chart Controls

Highlight Data that Meets Specific Conditions

February 2, 2024
Conditional formatting visually highlights key spreadsheet data points, trends, and anomalies, accelerating analysis and decision-making.

Conditional formatting in spreadsheets automates the visual highlighting of cells or ranges based on predefined criteria. This functionality aids data analysis by rapidly drawing attention to specific values, ranges, or text entries. By employing color scales, gradients, or text changes, conditional formatting helps users identify patterns, exceptions, and trends within large datasets, streamlining the interpretation and communication of key insights.

Several JavaScript spreadsheet controls offer conditional formatting including:

  • Telerik Spreadsheet jQuery (part of Kendo UI) allows customizable cell formatting, including number, date/time, styles, and conditional formatting by setting a color and a condition to the format string.
  • SpreadJS by MESCIUS (formerly GrapeCity) supports conditional formatting in cells with several conditional rule types to choose from such as average, cell value, duplicate, formula, specific text and more.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) allows you to conditionally format the background and font settings of cells in a worksheet based on predefined criteria such as average, blank, value, or date.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) lets you highlight a cell or a range of cells with a certain color based on applied conditions, and showcases data with data bars, color scales, and icon sets.

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

Compare JavaScript Spreadsheets