Skip to content

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.

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 chartbarchartsn-bar-chartBar chart
Box plotboxplotsn-boxplotBox plot
Bullet chartsn-bullet-chartBullet chart
Buttonsn-action-buttonButton
Combo chartcombochartsn-combo-chartCombo chart
Container✖️containerContainer
Distribution plotdistributionplotsn-distplotDistribution plot
Filter paneFilter pane
Gauge✖️gaugeGauge
Histogramhistogramsn-histogramHistogram
KPI1kpisn-kpiKPI
Line chartlinechartsn-line-chartLine chart
Map chart✖️5sn-mapMap
Mekko chartsn-mekko-chartMekko chart
Navigation menusn-navigation-menuNavigation menu
NL InsightsNL Insights
Pie chartpiechartsn-pie-chartPie chart
Pivot tablepivot-tableN/A3Pivot table
Scatter plotscatterplotsn-scatter-plotScatter plot
TabletableN/A4Table
Text & image✖️5Text & image
Treemaptreemapsn-treemapTreemap
Waterfall chartwaterfallchartsn-waterfallWaterfall 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.
  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 chartsn-funnel-chartFunnel chart
Grid chartsn-grid-chartGrid chart
Layout containersn-layout-containerLayout container
Linesn-shapeLine
Multi KPI chart✖️qlik-multi-kpiMulti KPI chart
Network chart3✖️sn-network-chartNetwork chart
Org chartsn-org-chartOrg chart
P&L pivot chart✖️qlik-smart-pivotP&L pivot chart
Pivot tablesn-pivot-tablePivot table
Radar chart✖️qlik-radar-chartRadar chart
Sankey chartsn-sankey-chartSankey chart
Straight tablesn-table Straight 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 chart3✖️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.

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?