Skip to content

Supported Visualizations

ChartFactor supports several types of widgets and visualizations that can be used for different purposes. Many of the current supported visuals use the Echarts visualization library.

Visualizations are divided in modules according to their function. This means that in order to use a specific visualization, we need to include the library first. There are 4 libraries:

  1. Standard (cft-standard-charts.min.js)
  2. Tables (cft-tables-charts.min.js)
  3. Interactive (cft-interactive-charts.min.js)
  4. Networks (cft-network-charts.min.js)

Please check your license for the visualization modules you have available. Support to create your own visualization modules is provided with the Enterprise license.

The way to tell ChartFactor what type of visualization to use is through the .graph(“Widget Name”) function or through its shortcut if available. We can check if a given visualization is included by using cf.getSupportedVisualizations().

The following table shows the current supported widgets:

Widget Name Module Shortcut Type Data configuration
Area Line Standard .arealine() canvas Attrs: 1 Metr: 1+ TimeAttrs: 1
Bars Standard .bars() canvas Attrs: 1+ Metr: 1+
Bars and Line Standard .barsline() canvas Attrs: 1 Metr: 2+
Box Plot Standard none canvas Attrs: 1 Metr: 1
Custom Chart Standard none html None
Disk Standard .disk() canvas Attrs: 1 Metr: 1+
Donut Standard .donut() canvas Attrs: 1 Metr: 1+
Interaction Manager Interact. .imanager() html None
Floating Bubbles Standard none canvas Attrs: 1 Metr: 1
Gauge Standard none canvas Metr: Up to 3
Geo Map (markers) Geo none html/css Attrs: 2+
Geo Map (shapes) Geo none html/css Attrs: 1 Metr: 1+
Heat Map Standard none canvas Attrs: 2 Metr: 1+
Histogram Standard none canvas Metr: 1
KPI Standard none html Metr: 1 or 2
Multigroup Trend Standard none canvas Attr: 1+ TimeAttrs: 1
Multimetric Area Line Standard none canvas Metr: 1+ TimeAttrs: 1
Multimetric Bars Standard none canvas Attrs: 1 Metr: 1+
Multimetric Trend Standard none canvas Metr: 1+ TimeAttrs: 1
Network Networks none canvas Attrs: 2+
Packed Bubbles Standard none canvas Attrs: 1 Metr: 1
Pie Standard .pie() canvas Attrs: 1 Metr: 1+
Pivot Table Tables .pivot() html Rows: 1+ Metr: 1 +
Radar Standard .radar() canvas Attrs: 1 Metr: 2+
Range Filter Interact. none html Metr: 1+
Raw Data Table Tables .rdt() html/css Any field
Sankey Standard none canvas Attrs: 2+ Metr: 1
Scatter Plot Standard .scatter() canvas Attrs: 1 Metr: 3
Slicer Tables .slicer() html/css Attrs: 1 Metr: 1+
Sunburst Standard none canvas Attrs: 2+ Metr: 1+
Text Search Interact. none html None
Time Range Filter Standard none canvas TimeAttrs: 1 Metr: 1
Time Range Picker Interact. none html/css TimeAttrs: 1
Tree Map Standard .treemap() canvas Attrs: 1 Metr: 1+
Tree Map 2D Standard none canvas Attrs: 2 Metr: 1+
Trend Standard .trend() canvas Attrs: 1 Metr: 1+ TimeAttrs: 1
Vector Map Standard none canvas Attrs: 1 Metr: 1+
Word Cloud Standard none canvas Attrs: 1 Metr: 1+