JavaScript / HTML5のニュース

Reactアプリケーションでチャート作成を簡素化

8月 14, 2024
KendoReact v8.2.0 (2024 Q3)では、チャートウィザードコンポーネントが追加され、Reactアプリでのチャート作成の複雑さが軽減され、開発時間を節約

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:

JavaScriptアプリケーションでフローチャートを簡単にデザイン

8月 14, 2024
FlowChart JSは、インタラクティブでカスタマイズ可能なフローチャートの作成を容易にし、複雑なプロセスやシステムを簡単に視覚化

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.

Vue.jsでデータ分析レポート機能を拡張

8月 9, 2024
計算フィールドをサポートするレポート作成コンポーネントで、より包括的で詳細なデータ分析機能を有効にすることで、レポートを強化

Calculated fields are dynamic values derived from existing data within reporting components. They enable complex data manipulations, calculations, and transformations, providing enhanced data analysis capabilities. By creating new fields based on existing data, calculated fields offer flexibility and efficiency, allowing users to perform calculations, aggregations, and logical comparisons directly within the report. This empowers users to generate insights, visualize trends, and make data-driven decisions without requiring modifications to the underlying data source, ultimately improving report accuracy and usability.

Several Vue.js reporting components offer support for calculated fields:

  • ActiveReportsJS by MESCIUS is a reporting tool that facilitates the creation of dynamic reports in Vue.js and supports the creation of calculated fields for more detailed analysis.
  • DevExpress Reporting integrates with Vue.js and ships with several data shaping options, including calculated fields, to provide reporting applications with enhanced data analysis.
  • Stimulsoft Reports.JS allows you to create, edit, build, view, and export reports in Vue.js applications, offering users the ability to create virtual calculated data columns.

For an in-depth analysis of features and price, visit Vue.js reporting components comparison.

Compare Vue.js Reporting Components

JavaScriptチャートでのデータインタラクションを強化

8月 6, 2024
LightningChart JS v6.0.0では、3Dチャートや大きな点群のデータポイントの表示を改善するための拡張カーソル機能を導入

LightningChart JS is a high-performance JavaScript charting library optimized for real-time data visualization. Leveraging WebGL and GPU acceleration, it enables developers to create interactive, complex charts capable of handling massive datasets with high refresh rates. Ideal for applications demanding rapid data updates and smooth interactions, LightningChart JS provides a robust API for customization and integration into web-based projects.

The LightningChart JS v6.0.0 update introduces enhanced cursor capabilities, providing developers with greater control over cursor behavior and appearance. New features include custom cursor shapes, dynamic cursor updates based on data points, and precise cursor positioning, allowing for more informative and interactive visualizations. These improvements facilitate the creation of tailored user experiences and enable developers to effectively convey complex data insights through intuitive cursor interactions.

LightningChart JS v6.0.0 cursor improvements include:

  • Revamped Cursor API: Built-in support for displaying multiple values, better default cursor formatting, and 3D chart compatibility.
  • Cursors for Large Point Clouds: Optimized for applications with massive point cloud series, handling tens of millions of data points.
  • Simplified Customization: Enhanced default formatting reduces the need for custom cursor formatting.

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

LightningChart JS is licensed based on method of deployment with options including SaaS Developer Licenses, Application Developer Licenses, and Publisher Developer Licenses. Each license is perpetual and includes 1 year subscription for technical support and software updates. See our LightningChart JS licensing page for full details.

Learn more on our LightningChart JS product page.

ユーザーに明確なインタラクションポイントを提供

8月 5, 2024
ボタンコントロールは、ユーザーアクションの明確なターゲットを提供し、デザインの一貫性を維持することで、ユーザーエクスペリエンスを向上させる重要なUI要素です

Button controls are specialized tools within design and content management systems that facilitate the creation, customization, and management of buttons. These controls empower users to effortlessly tailor button appearance, size, color, and functionality without requiring coding expertise, streamlining the design process and enhancing user interface consistency across digital platforms.

Several Angular data editor collections offer button editor controls including:

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

Compare Angular Data Editors