nhn/tui.chart
Tui.chart
tui.chart 是一款 JavaScript 数据可视化库和多类型图表引擎，用于渲染交互式统计图表。它作为一个响应式图表框架和实时数据可视化工具，利用 HTML5 Canvas 实现多样化数据集的高性能渲染。
该库提供了广泛的视觉格式，包括线性、圆形、网格、层级和统计图表类型。这涵盖了从标准柱状图、折线图和饼图，到雷达图、树状图、气泡图和箱线图等更专业的各种可视化。
该引擎包括用于实时数据监控和交互式仪表板开发的全面功能。它支持高级交互模型，如缩放、系列选择和跨多个图表的同步工具提示，同时提供 CSV、XLS、PNG 和 JPEG 格式的数据导出实用程序。
该框架通过 Resize Observer 管理自适应布局，可根据容器尺寸自动调整图表选项和动画。
Features
- Statistical Data Visualizations - Provides a comprehensive suite of visual representations to analyze trends and patterns within statistical data.
- Bar Charts - Renders statistical data using a variety of bar chart visualizations.
- Pie Charts - Renders circular statistical charts to display proportional data segments.
- Column Charts - Visualizes data using vertical column charts in standard, stacked, or diverging layouts.
- Scatter Charts - Provides two-dimensional scatter plots to visualize correlations between different variables.
- Real-Time Charting Engines - Features a rendering engine optimized for displaying high-frequency live data streams in real-time.
- Real-time Visualizations - Provides interfaces for pushing and rendering live data streams into dynamic visual formats.
- Canvas Vector Rendering - Implements a high-performance rendering engine using the HTML5 Canvas API to draw complex statistical charts.
- Area Charts - Renders statistical area charts to visualize data as a series of filled areas.
- Multi-Chart Type Libraries - Offers a broad catalog of chart types including line, bar, pie, radar, treemap, and bubble visualizations.
- Scale-Based Coordinate Mappings - Translates numerical data values into pixel coordinates using configurable mathematical scales for precise chart plotting.
- Visualization Configuration Schemas - Determines chart appearance and behavior through a nested options object defining themes, layouts, and scales.
- Chart Data Binding Pipelines - Provides a dynamic pipeline that updates the visual state of charts by processing new data series.
- Charting Frameworks - Acts as a comprehensive framework for the programmatic rendering of diverse interactive charts.
- HTML5 Canvas Charting Libraries - Renders interactive and responsive statistical charts using the HTML5 Canvas API for high performance.
- Line Charts - Visualizes data trends using line charts for category-based and coordinate-based values.
- Live Chart Updates - Updates chart plots in real-time, shifting the view to maintain a fixed window for live data monitoring.
- Canvas Scale Adapters - Automatically adjusts internal canvas scale and element positions when the parent container dimensions change.
- Responsive Chart Layouts - Implements chart-specific layout logic that automatically adapts to different screen sizes and container dimensions.
- Treemap Renderers - Visualizes hierarchical data through nested rectangles where size and color represent numeric values.
- Scale and Range Configurations - Controls the spacing of ticks and labels by defining precise minimum and maximum axis ranges.
- Diverging - Renders bars that extend in opposite directions from a center axis for population comparisons.
- Nested - Renders multi-level pie charts that display hierarchical data across concentric rings.
- Bubble Charts - Renders three-dimensional statistical relationships using bubbles of varying sizes.
- Radar Chart Renderers - Renders multivariate data as polygons on a circular grid using radar charts.
- Radial Bar Charts - Visualizes statistical data using concentric circular bars with customizable scales and angles.
- Line - Provides hybrid visualizations that plot individual data points and connect them with lines to show correlation.
- Interactive Series Selection - Allows users to select specific data series and triggers hooks for selection changes.
- Chart Zoom Controls - Enables interactive zooming into specific chart sections for detailed inspection of data points.
- Combined Line - Visualizes numeric data by overlaying line and area series on a single coordinate system.
- Programmatic Chart Configuration - Offers an API for the programmatic configuration of chart datasets, axes, and visualization settings.
- Box Plot Renderers - Implements statistical box plots to visualize data distribution across different categories.
- Bullet Chart Renderers - Provides bullet charts to visualize specific measures against predefined qualitative ranges.
- Template-Based Element Generation - Constructs contextual tooltips by injecting data model values into customizable HTML templates.
- Treemap Visualizations - Represents nested data structures using treemaps and concentric pie charts to show parent-child relationships.
- Overlaid Chart Combinations - Allows overlaying column bars and line series on a single coordinate system to compare different metrics.
- Chart Element Interactions - Triggers custom logic and callbacks when users interact with chart series or data areas.
- Data Value Labels - Displays numeric values and formatted text labels directly on chart series, including stacked totals.
- Canvas Layout Hierarchies - Calculates proportional areas for concentric rings and nested rectangles to render hierarchical data structures.
- Cross-Chart Tooltip Synchronization - Coordinates the display of tooltips across multiple independent chart instances based on a single hover event.
- Data Point Tooltips - Displays contextual information overlays when users hover over specific data points in the chart.
- Matrix Heatmap Renderers - Represents numeric data across two categories using a color-coded matrix heatmap.
- Stacked Charts - Combines multiple data series into a single visualization using normal or percentage-based stacking.
- Axis Label Formatters - Provides customizable formatting for date and time labels displayed on chart axes.
- Conditional Value Colorings - Assigns colors to chart elements dynamically based on numeric data values using defined color scales.
- Interaction Models - Implements an interaction model that processes mouse inputs to trigger tooltips and data series selection.
- Radial Gauge Charts - Visualizes single-value progress or status indicators using radial gauge charts.
- Interactive Dashboards - Enables the creation of interactive displays featuring zoomable charts, dynamic tooltips, and series selection.
- Static Chart Dimension Configurations - Sets explicit dimensions and widths for the x-axis, y-axis, plot area, and legend.
- Chart Appearance Customizers - Allows precise control over the visual appearance of lines, data points, and labels via theme settings.
- Hierarchy Visualization Libraries - Includes specialized tools for rendering tree-like hierarchical data structures.
