JavaScript / HTML5のニュース

生成AIの統合でReactアプリを充実

2月 2, 2024
KendoReact 2024 Q1では、AIプロンプトの生成、応答による対話、コマンド実行のための直感的なUIを提供する新しいコンポーネントを追加

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

KendoReact v7.1.0, which is part of the 2024 Q1 release, introduces an "AIPrompt" component which allows React developers to integrate generative AI services into their applications. With it you can set up custom suggestions to actively guide users, customize the generate button and prompt input field, and define custom prompt commands so it will do a certain action when a specific command is given. This component also enables you to adapt its behaviour based on user interaction, to ensure it responds smoothly, as it emits several user triggered events. This will help to give your application a modern, customizable and seamless UI.

To see a full list of what’s new in 2024 Q1 (v7.1.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:

ユーザーが日付を簡単に選択する方法を提供

2月 2, 2024
日付エディターは、日付を入力、表示、編集するための直感的でカスタマイズ可能で効率的な方法を提供し、日付入力がより迅速かつ簡単に。

A date editor control is a user interface element designed for selecting and entering dates. It typically combines a text field for manual input with a calendar popup for visual selection. Beyond basic date picking, many controls offer features like time selection, range definition, drop-down lists for pre-defined dates, and even input masks for enforcing specific date formats. Commonly found in applications like forms, booking systems, and calendars, date editor controls streamline date input, improving user experience and data accuracy.

Several React data editor collections provide date editors including:

  • DevExtreme Complete Data Editors (part of DevExtreme Complete) by DevExpress includes DateBox and DateRangeBox UI components for React, offering users flexible date and time entry with support for a range of formats.
  • KendoReact Data Editors (part of KendoReact) by Telerik is a UI kit for React developers that boasts a flexible and customizable interface for date/time editing, with built-in localization and date range selection.
  • Wijmo Input and Editors (part of Wijmo) by MESCIUS (formerly GrapeCity) offers several date/time input controls that fully support React, including an intuitive calendar and time picker with support for valid ranges.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) provides a lightweight date picker component for React with support for range restriction and globalization.

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

Compare React Data Editors

複数の変数間の関係を明確化

2月 2, 2024
散布図/バブルチャートで、傾向の特定、大きさの比較、3つの要因のクラスターの識別を同時に実行可能

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

特定の条件を満たすデータを強調表示

2月 2, 2024
条件付き書式は、スプレッドシートの主要なデータポイント、傾向、異常を視覚的に強調表示し、分析と意思決定を迅速化

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

JavaScriptで金融および取引アプリの構築

2月 1, 2024
LightningChart JS Traderは、高性能でリアルタイムのデータと包括的なテクニカル分析を提供する新しいJavaScriptチャートライブラリ

LightningChart JS Trader is a comprehensive charting solution specifically designed for building high-performance financial and trading applications in JavaScript. It equips developers with a rich set of financial charts, over 100 technical indicators for in-depth analysis, and 30+ drawing tools for visual annotations. Additionally, a fully featured datagrid with sparkline support allows for organized data management and display. This combination empowers developers to create interactive and visually engaging trading dashboards, charting tools, and other financial applications with high performance and extensive customization options.

LightningChart JS Trader features include:

  • Advanced Technical Charts: Supports various 2D and 3D chart types like line charts, OHLC bar charts, OHLC candle-stick charts, mountain charts, geo map charts, and more, all customizable for in-depth analysis.
  • Extensive Indicator Library: Over 100 built-in technical indicators like Moving Average Convergence-Divergence (MACD), Bollinger Bands, High Low Bands, and custom indicator creation capabilities.
  • Drawing Tools: 30+ tools for visual annotations, trendlines, Fibonacci retracements, and geometric shapes for clear chart interpretation.
  • Customization: Extensive customization options for charts, indicators, and the entire user interface to match your specific application needs.
  • Performance: Optimized for real-time data handling and smooth rendering, even with complex charts and large datasets.

LightningChart JS Trader is licensed per developer, per application, per year. The annual license includes technical support and product updates for one year. To continue using the software you will need to renew your license each year. There are three editions to choose from; Basic, Plus and Ultimate which offer different levels of functionality and distribution rights. See our LightningChart JS Trader Licensing page for full details.

For more information, visit our LightningChart JS Trader product page.