swimlane/ngx-charts

Features

• Declarative Rendering - Renders data as scalable vector graphics using a declarative, component-based architecture.
• Declarative Charting Components - Provides a set of declarative UI components for constructing interactive and animated charts through component composition.
• Angular Data Visualization - Provides a declarative, component-based approach to creating interactive SVG charts and graphs within Angular applications.
• Bar Charts - Visualizes single-series data using horizontal bars to compare values across categories.
• Grouped - Renders multiple vertical or horizontal bars side-by-side for comparing different data series.
• Normalized - Renders horizontal or vertical bars scaled to a common maximum value for relative proportion comparison.
• Stacked and Grouped Bar Plots - Visualizes multi-series data using horizontal or vertical bars that stack values to compare totals.
• Pie Charts - Provides circular charts to display proportional data segments as slices of a whole.
• Area Charts - Renders multi-series data as filled area shapes with configurable axes and colors.
• Scale-Based Coordinate Mappings - Translates raw data values into pixel coordinates using linear and ordinal mathematical scales.
• Angular UI Libraries - Provides a comprehensive collection of pre-built UI components specifically for the Angular framework.
• SVG - Implements a data visualization framework that renders charts using scalable vector graphics (SVG) in the browser.
• Line Charts - Visualizes multi-series data as lines, including optional ranges for error margins or distribution.
• Stacked Area Charts - Renders multiple data series as overlapping area layers to show the relationship of parts to a whole.
• Normalized Area Charts - Visualizes multiple data series as stacked area layers normalized to a common baseline.
• Charting Components - Ships a set of Angular-specific components that wrap SVG charting functionality for declarative use.
• Component Composition - Constructs complex visualizations by composing atomic SVG components such as axes, legends, and shape generators.
• Reactive SVG Renderers - Renders and animates SVG chart elements declaratively within an Angular component model.
• Business Intelligence Dashboards - Offers professional chart types suitable for building data-driven business intelligence interfaces and KPI dashboards.
• Box Plots - Includes box-and-whisker plots to visualize statistical data distributions including quartiles and outliers.
• Interaction and Event Handling - Provides event handling logic to trigger custom application actions when users interact with data elements.
• Bubble Charts - Visualizes multi-series data points using circles where size represents a specific quantitative value.
• Polar Charts - Plots multi-series data points on a circular coordinate system using radius and angle.
• Chart Interaction Controls - Manages the interactive user experience through a combination of tooltips, event handlers, and responsive layouts.
• Real-Time Plot Updates - Updates visual plot elements dynamically as underlying data changes for live monitoring.
• Real-time Visualizations - Provides interfaces for pushing and rendering live data streams into visual formats for immediate monitoring.
• Heat Maps - Renders grids of colored cells to represent data values using customizable axes and legends.
• Hierarchical Tree Visualizers - Visualizes complex nested data structures using tree maps and area-based proportional layouts.
• Tree Maps - Visualizes hierarchical data using nested rectangles where area represents a quantitative value.
• Custom Chart Creators - Enables the construction of specialized visualizations by composing internal low-level charting components.
• Custom Tooltip Components - Ships customizable tooltip components that display detailed data point information on hover.
• Event-Driven Interaction Handlers - Implements a system to capture mouse events on SVG elements to trigger tooltips and custom callbacks.
• Radial Gauge Charts - Implements linear gauges to represent metrics relative to a specific range.
• Gauge Charts - Ships gauge chart components to show values relative to a defined scale.
• Chart Appearance Customizers - Allows customization of visual elements including axis labels and legends to meet design requirements.
• Application CSS Overrides - Supports the use of custom CSS to override default visual styles of chart components.
• Chart Visual Style Customizations - Provides the ability to override internal chart styles and aesthetics using external CSS stylesheets.
• Data Visualization - Declarative charting framework for Angular.
• Component Libraries - Declarative charting framework for data visualization.
• Framework Integrations - Chart framework designed for Angular applications.

Star history