Tui.chart

tui.chart is a JavaScript data visualization library and multi-type charting engine used to render interactive statistical charts. It functions as a responsive charting framework and real-time data visualizer, utilizing HTML5 Canvas for high-performance rendering of diverse datasets.

The library provides a wide array of visual formats, including linear, circular, grid-based, hierarchical, and statistical chart types. This covers everything from standard bar, line, and pie charts to more specialized visualizations such as radar charts, treemaps, bubble charts, and box plots.

The engine includes comprehensive capabilities for real-time data monitoring with live updates and interactive dashboard development. It supports advanced interaction models such as zooming, series selection, and synchronized tooltips across multiple charts, while offering data export utilities for CSV, XLS, PNG, and JPEG formats.

The framework manages adaptive layouts through a resize observer that automatically adjusts chart options and animations based on container dimensions.

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.

naver/billboard.js

5,980View on GitHub

billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

nhnent/tui.chart

5,403View on GitHub

tui.chart is a statistical charting engine and data visualization library designed to render interactive charts and graphs for complex numerical datasets. It functions as a responsive charting framework capable of producing various statistical representations, including line, bar, scatter, bubble, and treemap charts. The library distinguishes itself through an interactive visualization system that supports synchronized tooltips across multiple charts, range-based zooming, and data series selection. It includes a layout engine that automatically adjusts chart dimensions and animations based on

ChartsCSS/charts.css

6,569View on GitHub

charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br

flot/flot

5,911View on GitHub

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

nhntui.chart

Features