5.1. Cards - getting started
Last updated
Last updated
KPI cards in a dashboard provide a concise, visual representation of key metrics. Each card displays essential information related to a specific KPI, allowing users to quickly grasp and monitor performance without delving into detailed reports. In card mode, we have an interesting feature - multi-row cards with insight charts. Let's cut to the chase and build an insightful KPI dashboard with Analytics+.
We'll switch to card mode and add some dimensions and measures. On initial load, cards are rendered in the compact trellis layout.
Let's change the layout to 'Single row' - the cards are bigger and displayed in a single row.
Let's insert a chart. Select the Integrated variance column from the Sparkline dropdown.
Analytics+ comes packaged with a selection of KPI presets that can be applied in a single click. Select the Presets option from the Design section of the toolbar to browse the available presets. You can also import presets in json format from the Advance tab.
Let's resize the sparkline chart by hovering over the top edge and dragging the handle.
Et voila! We've created a dashboard with multi-row cards in a matter of minutes!
To interact with your dashboard - highlight data points or view the tooltip - click on the reading view preview icon at the bottom left corner. To switch back to the edit view, click on the pencil icon at the bottom left corner.
We'll insert a container at the bottom of the KPI section. Click the KPI section to select the container > Click Add > Select Bottom. Drag to resize the new container to a suitable proportion. .
Next, we'll insert an insight chart - a summary chart that in this case, shows the overall performance, across all product categories. Click Type from the toolbar and select Insight chart. Another way to insert elements into a container is by clicking on thesymbol and selecting the element.
Click theicon to browse and upload an image from your desktop.
