Visualizations

Visualizations are used to present the data that is loaded into the app. The selections you make in the app are reflected in all associated visualizations. If you’re new to creating visualizations, review choosing the right visualization.

This section summaries the compatibility of these visualizations across embedding frameworks. For support for Insight Advisor, review Insight Advisor compatibility.

Note

Fonts from a custom theme are not supported when embedding Qlik objects cross-domain unless you use <qlik-embed iframe="true">. Using the iframe="true" mode may impact performance.

Chart types and properties

Native charts

Native charts are those built into the core Qlik Sense experience, and are accessible via the Charts menu in the Qlik Sense authoring experience.

Chartanalytics/sheet1 & analytics/chart1classic/app1classic/chart1Viz on the fly ID2Nebula IDQlik Help reference
Bar chart✔✔✔barchartsn-bar-chart (API reference)Bar chart
Box plot✔✔✔boxplotsn-boxplot (API reference)Box plot
Bullet chart✔✔✔bulletchartsn-bullet-chart (API reference)Bullet chart
Button✔✔✔action-buttonsn-action-button (API reference)Button
Combo chart✔✔✔combochartsn-combo-chart (API reference)Combo chart
Distribution plot✔✔✔distributionplotsn-distributionplot (API reference)Distribution plot
Filter pane✔✔✔filterpanesn-filter-pane (API reference)Filter pane
Gauge✔✔✔gaugesn-gauge (API reference)Gauge
Histogram✔✔✔histogramsn-histogram (API reference)Histogram
KPI✔✔✔kpisn-kpi (API reference)KPI
Line chart✔✔✔linechartsn-line-chart (API reference)Line chart
Map chart✖️✔✔5mapMap
Mekko chart✔✔✔mekkochartsn-mekko-chart (API reference)Mekko chart
Navigation menu✔✔✔sn-navigation-menu (API reference)Navigation menu
NL Insights✔✔✔sn-nlg-chartNL Insights
Pie chart✔✔✔piechartsn-pie-chart (API reference)Pie chart
Pivot table✔✔✔pivot-tableN/A3Pivot table
Scatter plot✔✔✔scatterplotsn-scatter-plot (API reference)Scatter plot
Tab container✔✔✔containersn-tabbed-containerTab container
Table✔✔✔tableN/A4Table
Text & image✖️✔✔5text-imageText & image
Treemap✔✔✔treemapsn-treemap (API reference)Treemap
Waterfall chart✔✔✔waterfallchartsn-waterfall (API reference)Waterfall chart
  1. These refer to qlik-embed UI types.
  2. Viz on the fly is supported by the capability APIs.
  3. See Pivot table in Visualization bundle for a nebula alternative, note that features and capabilities are different to the native chart.
  4. See Straight table in Visualization bundle for a nebula alternative, note that features and capabilities are different to the native chart.
  5. Requires iframe="true" to be added to the <qlik-embed ...> tag of the classic/chart object. This is needed when the object requires additional resources on the tenant such as map tiles, or user-uploaded images, which cannot currently be authenticated outside of the iframe mode.
  6. Native embedding of this component requires specific page encoding. See qlik-embed charset compatibility.

Dashboard bundle and visualization bundle charts

These visualizations are extensions that enhance navigation and selection in your Qlik Sense app.

They may not be built to the same standards as the native objects, and may have additional limitations.

Chartanalytics/sheet1 & analytics/chart1classic/app1classic/chart1Viz on the fly support2Nebula IDQlik Help reference
Animator✖️✔✔✔qlik-animatorAnimator
Date picker✖️✔✔✔qlik-date-pickerDate range picker
Funnel chart✔✔✔✔sn-funnel-chartFunnel chart
Grid chart✔✔✔✔sn-grid-chartGrid chart
Layout container✔4✔✔✔sn-layout-containerLayout container
Line✔✔✔✔sn-shapeLine
Multi KPI chart✖️✔✔✔qlik-multi-kpiMulti KPI chart
Network chart✔3✔✖️✔sn-network-chartNetwork chart
Org chart✔✔✔✔sn-org-chartOrg chart
P&L pivot chart✖️✔✔✔qlik-smart-pivotP&L pivot chart
Pivot table✔✔✔✔sn-pivot-tablePivot table
Radar chart✖️✔✔✔qlik-radar-chartRadar chart
Sankey chart✔✔✔✔sn-sankey-chartSankey chart
Straight table✔✔✔✔sn-tableStraight table
Text✔✔✔✔sn-textText
Trellis container✖️✔✔✔qlik-trellis-containerTrellis container
Variable input✖️✔✔✔qlik-variable-inputVariable input control
Variance waterfall✖️✔✖️✔qlik-variance-waterfallVariance waterfall
Video player✖️✔✔✔sn-video-playerVideo player
Word cloud chart✔3✔✖️✔sn-word-cloudWord cloud chart
  1. These refer to qlik-embed UI types.
  2. Viz on the fly is supported by the capability APIs.
  3. Works with analytics/sheet, but not with analytics/chart.
  4. When embedding a layout container, all nested charts must support analytics/chart. Charts without analytics/chart support won’t render inside the layout container.

Third-party extensions

Third-party visualization extensions are supported via:

  • qlik-embed:
    • classic/app
    • classic/chart, when iframe="true" is added to the <qlik-embed ...> tag.
  • Capability APIs
  • iFrame embedding APIs.

Qlik-embed charset compatibility

When embedding the KPI object with analytics/chart (in the default iframe=false mode) or analytics/sheet, users will receive an error if the host page does not specify UTF-8 encoding.

To resolve this issue, add the following meta tag to the host page:

<meta charset="utf-8">

Alternatively, leverage classic/chart with iframe="true" if your host page requires a charset other than UTF-8, or you are unable to set the charset.

Was this page helpful?