Animate your data using a two-dimensional stacked Mekko Chart. Column widths and segment heights vary as the data changes, and the column widths are scaled to just fill the desired chart width, with no gaps between columns.
You use the Editor tab and the Properties tab to define the grouped columns and column segments of the Mekko Chart.
- Each group of columns represents a specific attribute or combination of attributes (defined by the Group By attributes). You can use one or more Group By attributes.
- Each individual column has segments (defined by the Series attribute).
- The horizontal and vertical axes of the graph represent specific metrics (defined by the Horizontal Axis Metric and the Vertical Axis Metric).
- The width of each column is determined by the value of the Horizontal Axis Metric for the specified Group By attributes.
- The height of each segment in an individual column is determined by the value of the Vertical Axis Metric for the specified Series attribute.
- You can animate the metric value changes by defining an Animate By attribute, such as a time dimension. If you have a time dimension and do not want to animate the chart, you can filter on a specific date.
- The columns and segments on the Mekko Chart are colored using either default colors or colors you select, and can include color gradients for column segments.
- If you define a Color Axis Metric, by default, a different color is chosen automatically for each column group (defined by the Group By attributes); otherwise, each series element is assigned its own color.
- To use custom colors, you select Mekko Chart on the Properties tab and specify the color to use for each Group By / Series attribute element.
- If you define a Color Axis Metric, you can also use thresholding to color the entire chart based on a selected color (similar to a heat map). Note that threshold options will be visible on horizontal and vertical metrics, but setting thresholding in the Horizontal Axis Metric and the Vertical Axis Metric drop zones will not have any effect. Instead, you drag the same metric to the Color Axis Metric drop zone and set thresholds there.
- To add gradients to the column segments, you define a Color Axis Metric. The value of this metric is used to determine the gradient of each segment, with the segment that has the highest metric value having the darkest gradient.
Requirements
Object requirements:
- Attributes: minimum 2
- Metrics: minimum 1
Minimum Strategy version: 11.1
Publisher: Strategy
Strategy Features
Installation Instructions
- To install this visualization, download the .zip file below and deploy it in Strategy Desktop or Strategy Web.
- Extract the D3Mekko.zip and copy the D3Mekko directory within the chosen environment's plugins folder Ex: (<Strategy Installation Path>/plugins/)
- Restart your chosen Strategy platform to complete the installation
- After you have installed the visualization, you can open a working demo of this visualization by downloading the .mstr file below and doing the following:
- To open the demo visualization in Strategy Desktop, double click the .mstr file.
- To open the demo visualization in Strategy Web, choose Create -> Upload Strategy File -> View Dashboard.
Notes
- The recommended practice is to use this visualization in a VI dashboard or dossier. If you want to use it in a document, you will achieve the best results if you first add it to a dashboard and then convert the dashboard to a document. This ensures that the order of the attributes and metrics expected by the visualization is correct.
Visualization Disclaimer
By downloading or using this visualization, you accept and acknowledge these terms.
This visualization is both intended as sample code and provided as a convenience to Strategy users. Strategy cannot guarantee that the code provided will apply to any Strategy releases and clients outside of the versions stated within this article. This sample is supported by Strategy Technical Support up to and including the basic visualization functionality listed in this article. Defects will be triaged by the Strategy team as they are raised. For users with active Strategy Technical Support contracts, contact Strategy Technical Support to raise these defects.
Anyone seeking to use this visualization is encouraged to review and adapt this sample based on user requirements. Contact Strategy Professional Services for assistance with these same adaptations. If users would like to provide feedback on or recommendations for this visualization, post in the comments section of this article.
