Deneb Template - IBCS Performance Visual

The IBCS standard can enhance the clarity of visualizing relative performance by distilling it to its essence, and I enclose a Deneb/Vega-Lite template for such an IBCS-style visual. This is a single composite visual that’s been provided with only category (product), current year (Sales CY), and previous year (Sales PY) data values.

deneb.ibcs_performance_visual.0.2

This template illustrates a number of Deneb/Vega-Lite features, including:

  • a “title” block with title and subtitle text
  • a “transform” block to extend the dataset through calculation of the variance amount and variance percent and threshold variance amount and variance percent (in this example, $100,000 and 100%, respectively)
  • a “params” block to set colour values (green/positive, red/negative, dark grey/current year, light grey/previous year) to ensure consistency
  • a “vconcat” (vertical concatenation) of a custom legend and 3 separate chart “blocks”: absolute sales on the bottom, variance amount in the middle, and variance percent on top using standard IBCS colours and shapes
  • each chart block in turn consists of layered bar, point, and text marks
  • use of “conditions” to set the display colour of variance outlier (above threshold) indicators
  • although unnecessary for an IBCS-style visual, gridlines were included with wide-black at Y=0 and normal-grey otherwise
  • the X-axes for both the top and middle chart were hidden as the inherent alignment that Vega-Lite brings to composite visuals makes them redundant
  • the X-axis labels for the bottom chart were angled to reduce the visual height
  • Vega-Lite formatting of the variance amounts and percentages to enable signed values
  • a Deneb custom tooltip on each bar chart showing extended dataset fields, including Deneb formatting of the amount and percent values using Power BI formatting strings

This example uses only the simplest of DAX code:


Sales CY =
SUMX(
    Sales,
    Sales[Order Quantity] * Sales[Unit Price]
)

Sales PY =
CALCULATE(
    [Sales CY],
    DATEADD( Dates[Date], -1, YEAR )
)

The intent of this template is not to provide a finished visual, but rather to serve as a starting point for further custom visual development.

Also included is the sample PBIX using a slightly-modified version of the Enterprise DNA practice dataset as a demo.

This template is provided as-is for information purposes only, and its use is solely at the discretion of the end user; no responsibility is assumed by the author.

Greg
deneb.ibcs_performance_visual.0.2.json (18.4 KB)
Deneb Templates - IBCS.pbix (1.8 MB)

13 Likes

marking as solved

1 Like

How would you sort these three visual elements by “Sales CY” descending? I’m able to sort the Amount section, but not the Variance and Variance Percent. I’m using the recommended sort pattern from the Deneb Cheat sheet. Thanks

Hi @ChristopherPaquet. Posting to solved threads is discouraged … please make a new thread with any new questions and link to the “old” solved thread. That being said, to help the forum members further analyze your current state and visualize your issue, could you please provide as many as you can of:

  • Your work-in-progress PBIX file, using sanitized data if necessary
  • Your dataset as an Excel file (again, sanitized if necessary)
  • A detailed mock-up (marked-up screenshot of the visual in question or Excel file) showing your desired outcome.

Also, if you provide DAX or Power Query code in your post, please format it using the built-in formatter.

Greg
_eDNA Forum - Format DAX or PQ