Imagine you're building dashboards in SAP Analytics Cloud and need visualizations beyond the standard options. Custom widgets allow you to extend the platform's capabilities, providing unique ways to present and interact with your data. This lesson shows you where to find ready-to-use examples and how they can enhance your stories.
Ready-to-Use Custom Widgets
SAP provides a set of ready-to-use samples to demonstrate how these widgets can be used in real-world scenarios. These samples are available through a public GitHub repository, making it easy to download and integrate them into your SAP Analytics Cloud environment.
These ready-to-use custom widgets:
- illustrate common visualization and interaction patterns,
- can be used directly in stories,
- can serve as a starting point for further extension or customization,
- can be used as learning references for development.
Exploring these examples helps users and developers understand the practical role of custom widgets before creating new ones.
Accessing and Using the Samples
The samples are hosted at SAP Analytics Cloud Custom Widgets GitHub Repository.
To use these custom widgets, you need to download the resource files from the above GitHub repository and upload them into your SAP Analytics Cloud tenant. Once uploaded, the widgets become available in your stories, ready to be used and customized.
These samples are provided by SAP and demonstrate supported patterns.
Examples of Available Custom Widgets
Below are examples of custom widgets provided as samples. Each widget addresses a specific visualization or interaction scenario.
- Sankey Chart: A Sankey Chart visualizes flows between categories, highlighting the relative size of each flow. It is commonly used to analyze process steps, energy flows, or cost distributions across stages.
Visual preview: A flow diagram with varying link widths representing volume or magnitude.
- Gauge Chart: A Gauge Chart displays a single key value against a defined range, often with thresholds. It is typically used to show progress toward a target or status against limits.
Visual preview- A semi-circular gauge with a needle or filled arc.
- Gantt Chart: A Gantt Chart visualizes tasks or activities across a timeline. It is useful for project planning and scheduling scenarios.
Visual preview: Horizontal bars aligned along a time axis.
- Funnel Chart: A Funnel Chart represents stages in a process where values decrease progressively.
Visual preview: A funnel-shaped diagram narrowing from top to bottom.
- Nested Pie Chart: A Nested Pie Chart displays hierarchical data using multiple concentric rings.
Visual preview: Multiple pie layers, each representing a level in a hierarchy.
- Sunburst Chart: A Sunburst Chart visualizes hierarchical data using radial segments.
Visual preview: A circular chart with nested rings expanding outward.
- Half Doughnut Chart: A Half Doughnut Chart is a semi-circular variation of a doughnut chart, often used for compact KPI visualizations.
Visual preview: A half-circle segmented by categories.
- Pareto Chart: A Pareto Chart combines bars and a cumulative line to highlight the most significant factors in a dataset.
Visual preview: Bars sorted descending with a cumulative percentage line.
- Tree Chart: A Tree Chart visualizes hierarchical relationships in a node-based structure.
Visual preview: Connected nodes forming a tree-like layout.
- Word Cloud (by Input): A Word Cloud visualizes text data by varying word size based on frequency or importance.
Visual preview: A collection of words displayed with different font sizes.
Summary
- Ready-to-use samples are available on a public GitHub repository provided by SAP.
- These samples illustrate common visualization and interaction patterns that can be achieved with custom widgets.
- The samples can be used directly in stories, adapted, or extended by developers, or used as learning references for development.