Neuigkeiten zu JavaScript / HTML5

Interagieren Sie mit bestimmten Zeilen in React Rastern

August 16, 2024
Die Zeilenauswahlfunktion ermöglicht es Benutzern, auf einfache Weise eine oder mehrere Zeilen auszuwählen, um nachfolgende Aktionen für die ausgewählten Daten auszuführen.

Row selection functionality empowers users to interact with data grids by selecting individual or multiple rows, enabling efficient data manipulation and analysis. Users can perform actions on selected rows such as editing, deleting, exporting, or filtering data. This feature significantly enhances user experience and productivity by providing a direct and intuitive way to manage and process large datasets, facilitating tasks like batch updates, generating reports, or performing complex data operations based on user-defined criteria.

Several React grid controls offer row selection including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) offers flexible row selection modes including single, multiple, and range selection.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) enables efficient row selection with various selection modes and keyboard navigation.
  • KendoReact Data Grid (part of KendoReact by Telerik) provides customizable row selection options for tailored user experiences.
  • Handsontable by Handsoncode facilitates intuitive row selection through click-and-drag or keyboard interactions.
  • Ignite UI React Grid (part of Infragistics Ignite UI) supports advanced row selection scenarios with features like cell selection and row checkboxes.

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

Compare React Grid Controls

Visualisieren Sie hierarchische Daten mit unübertroffener Flexibilität

August 16, 2024
Infragistics Ignite UI for Angular 24.1 ermöglicht es Ihnen, Ihre Pivot-Daten in einer neuen Dimension mit einer innovativen horizontalen Layout-Option zu erkunden.

Infragistics Ignite UI for Angular is a comprehensive suite of Angular components and UI controls designed to accelerate development of high-performance, enterprise-grade web applications. It offers a rich collection of data grids, charts, and other UI elements, along with advanced features like pivoting, docking, and hierarchical data management. Built on Angular, the toolkit integrates seamlessly into existing projects and provides a foundation for building modern, responsive, and interactive user interfaces.

Ignite UI for Angular's Pivot Grid now offers horizontal row dimension expansion, providing developers with greater flexibility in data visualization. In this mode, child elements of a row dimension are displayed horizontally within the same multi-row layout instead of vertically. This approach allows for a more compact and potentially informative representation of hierarchical data, enabling users to easily compare related data points within a single row context. Developers can dynamically toggle between horizontal and vertical expansion modes to suit their specific data analysis requirements.

To see a full list of what's new in version 24.1 (18.1.0), see our release notes.

Infragistics Ignite UI for Angular is part of Infragistics Ignite UI which is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Ignite UI licensing page for full details.

Infragistics Ignite UI for Angular is available in the following products:

Visualisieren Sie Muster und allmähliche Veränderungen

August 15, 2024
Spline-Diagramme bieten eine visuell ansprechende und intuitive Darstellung von Trends und werden häufig in Bereichen wie Finanzen und Technik verwendet.

Spline charts are a type of line chart that uses smooth curves to connect data points, offering a visually appealing and intuitive representation of trends over time. Unlike traditional line charts with straight segments, spline charts emphasize the continuous nature of data, making them particularly effective for visualizing patterns, cycles, and gradual changes, commonly used in fields like finance, economics, and engineering to highlight the evolution of metrics and predict future trajectories

Several React chart controls offer spline charts including:

  • Highcharts Core by Highsoft facilitates interactive and customizable spline charts, ideal for showcasing fluctuations over time.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) offers flexible spline chart configurations for data visualization.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) provides performant spline charts tailored for financial data.
  • Syncfusion JavaScript Chart (part of Syncfusion Essential Studio Enterprise) delivers high-performance spline charts with extensive customization options.

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

Compare React Chart Controls

Vereinfachen Sie die Diagrammerstellung in React-Anwendungen

August 14, 2024
KendoReact v8.2.0 (2024 Q3) integriert eine Diagrammassistentenkomponente, die die Komplexität der Diagrammerstellung in React-Apps reduziert und Entwicklungszeit spart.

KendoReact by Telerik is a professional UI kit of more than 120 responsive and customizable native UI and data visualization components for React developers. Designed to save time building powerful high performance React applications, it helps ensure a modern, consistent look-and-feel across your application's user interface.

KendoReact v8.2.0, part of the 2024 Q3 release, adds a new chart wizard component, enhancing the developer experience by streamlining the chart creation process. This component provides a simple and intuitive interface that enables React developers to quickly create charts from a data-bound component or an external source. It guides you through a chart's configuration, allowing you to set up the chart type, title, series, legend, area, value axis, category axis and data source. This reduces the potential for errors in the chart setup whilst saving development time by reducing the complexity of building interactive data visualizations within React apps.

To see a full list of what’s new in 2024 Q3 (v8.2.0), see our release notes.

KendoReact is licensed per developer and is available as a perpetual license with a 1 year support subscription, which is available in 3 tiers: Lite, Priority or Ultimate. See our KendoReact licensing page for full details.

KendoReact is available to buy in the following products:

Einfaches Entwerfen von Flussdiagrammen in JavaScript-Anwendungen

August 14, 2024
FlowChart JS ermöglicht die Erstellung interaktiver und anpassbarer Flussdiagramme, um komplexe Prozesse und Systeme mühelos zu visualisieren.

FlowChart JS, a powerful new JavaScript library from BALKAN App, the creators of OrgChart JS, is designed to streamline the creation of interactive and customizable flowcharts. It seamlessly integrates with React, Angular, and Vue.js, offering an intuitive drag-and-drop interface and real-time visual editing, making it easy to visualize complex processes and systems. The library provides a rich set of pre-built shapes and nodes, with the flexibility to create custom shapes, advanced connection and routing options, and a robust API. Its seamless integration into existing applications simplifies the development of clear, structured visualizations.

This new product streamlines the flowchart creation process and enhances visual communication, enabling users to quickly assemble intricate diagrams without extensive coding knowledge. The library's flexibility makes it suitable for a wide range of use cases including business process modeling, software development, educational materials, and technical documentation. By transforming complex information into visually appealing and understandable diagrams, FlowChart JS improves collaboration, decision-making, and problem-solving, providing JavaScript applications with powerful data visualization capabilities.

FlowChart JS is licensed on a perpetual basis with 1 year support and maintenance. Single website, unlimited websites or SaaS, and OEM licenses are available. See our FlowChart JS licensing page for full details.

For more information, see our FlowChart JS product page.