Vue.js 뉴스

Vue.js 애플리케이션에서 차트를 JSON에 바인딩하세요

2월 23, 2026
JSON을 데이터 소스로 사용하여 구조화된 데이터를 Vue.js의 차트 컴포넌트에 연결하면, 데이터 변환을 줄이고 API 통합을 단순화할 수 있습니다.

Using JSON (JavaScript Object Notation) as a data source for charts allows applications to bind structured, lightweight data directly to visualization components. JSON represents data as objects and arrays, making it well suited to defining categories, series, and individual data points in a format that aligns naturally with modern web development practices. Its widespread use in RESTful APIs and web services enables charts to consume live or remote datasets efficiently, while reducing the need for complex data transformation before rendering.

Several Vue.js chart components allow you to use JSON as a data source, including:

  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) accepts JSON via its dataSource, enabling binding to local or remote data with series and argument mapping.
  • Highcharts Core by Highsoft uses JSON-based arrays and configuration objects to populate series and categories, either directly or via asynchronous loading.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) bind to object arrays, typically sourced from JSON, with property mapping to series and axes.
  • FusionCharts Suite XT natively supports JSON, allowing full chart configuration and datasets to be defined and passed directly to the chart engine.

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

Compare Vue.js Chart Components

실시간 선형 게이지로 성능을 모니터링하세요

2월 10, 2026
LightningChart JS v8.2에 유연한 스타일링과 조정 가능한 대시보드 레이아웃으로 실시간 인사이트를 제공하는 현대적인 선형 게이지 차트(linear gauge chart)가 추가되었습니다.

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing 2D and 3D charts. Ideal for applications demanding smooth real-time data updates, such as financial platforms, engineering tools, scientific research dashboards, and industrial monitoring systems, LightningChart JS provides a comprehensive API for customization and integration into web-based projects.

The LightningChart JS v8.2 update introduces a new Linear Gauge Chart that enables software developers to present real-time metrics in a clear, structured format within modern web applications. It supports continuous live data updates, configurable interpolated or discrete color steps for representing thresholds and ranges, and both vertical and horizontal orientations to accommodate different layout requirements. The chart also allows current values to be displayed directly on the gauge and supports custom icons, giving developers greater control over visual consistency while building intuitive, status-focused dashboards for monitoring and analytics use cases.

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

LightningChart JS is licensed per developer and is available as an annual license with 1 year support. See our LightningChart JS licensing page for full details.

For more information, see our LightningChart JS product page.

SurveyJS와의 파트너십 1주년 기념

2월 5, 2026
ComponentSource와 SurveyJS는 지난 1년간 협력하여 현대적인 웹 애플리케이션을 위한 맞춤형 양식 및 설문조사 솔루션을 제공해 왔습니다.

ComponentSource and SurveyJS have spent the past year working together to bring form building and survey automation tools to developers and organisations worldwide. SurveyJS is known for its flexible, client side JavaScript components that make it easy to create, customise, and manage forms and surveys across modern web applications, with support for frameworks such as Angular, React, and Vue. Built around a JSON based architecture, SurveyJS enables teams to integrate advanced form functionality into existing systems without backend restrictions or long term maintenance overhead.

At the heart of the SurveyJS product lineup is SurveyJS Creator, the flagship visual form builder available through ComponentSource. This highly configurable tool allows users to design complex forms and surveys through an intuitive interface, while retaining full control over appearance, behaviour, and data structure to meet precise project requirements.

Through this partnership, ComponentSource strengthens its portfolio of developer focused tools by offering a proven, highly customisable form solution that complements its wider range of UI and application development products. By working closely with SurveyJS, ComponentSource helps deliver these solutions to a global audience, providing licensing, support, and reach that enable the SurveyJS brand to scale internationally while giving customers access to trusted, best in class technology.

Learn more about SurveyJS.

마케팅 플로우를 시각적으로 구축하고 테스트하세요

1월 30, 2026
JointJS+ v4.2.2에 마케팅 자동화(Marketing Automation) 템플릿이 추가되어, 자동화 워크플로우를 시각적으로 설계하고, 애니메이션 효과를 부여하며, 레이아웃을 설정하고, 시뮬레이션을 수행할 수 있습니다.

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+ v4.2.2 update introduces a new Marketing Automation application template that enables developers to efficiently design, visualize, and manage marketing automation workflows through an interactive, fully animated diagram with automatic layout and orthogonal link routing. By eliminating the need for manual positioning and providing smooth transitions between states, the template improves diagram clarity and maintainability while allowing developers to simulate workflows using the built-in test flow functionality to validate logic, identify issues early, and iterate with greater confidence.

To see a full list of what's new in v4.2.2, 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.

덴드로그램(dendrogram) 차트로 계층 구조를 시각화하세요

1월 22, 2026
Highcharts 12.5에 덴드로그램(dendrogram) 지원이 추가되어, 복잡한 데이터 전체에 걸친 계층 구조와 유사성 관계를 명확하게 시각화할 수 있습니다.

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

The Highcharts 12.5 update introduces dendrogram support, allowing developers to visualize hierarchical relationships and similarity levels directly within their charts using treegraph-based diagrams. This enhancement makes it easier to represent the output of hierarchical clustering algorithms, taxonomies, and other structured datasets in a clear and interpretable way. By mapping similarity or progression along an axis and using branch height to indicate relationships, developers can present complex hierarchical data more effectively.

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

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.