Can I integrate libraries like D3.js or ECharts?

Yes, the skill includes specific templates and best practices for integrating third-party charting libraries into the SAC Web Component lifecycle.

What is an SAC Custom Widget?

An SAC Custom Widget is a Web Component that allows developers to add custom visualizations and interactive elements to SAP Analytics Cloud stories and applications beyond the standard feature set.

Does this skill support the latest SAP Analytics Cloud features?

Yes, it includes support for the Optimized Story Experience and the Widget Add-On feature introduced in late 2023 for extending built-in widgets.

How does this skill handle widget security?

It provides tools and guidance for generating SHA256 integrity hashes and configuring CORS headers to ensure secure hosting and prevent loading errors.

SAP Analytics Cloud Custom Widgets

Name: SAP Analytics Cloud Custom Widgets
Author: secondsky

bysecondsky

•

Analytics & Monitoring

Develops and manages custom visualizations and interactive components for SAP Analytics Cloud using Web Components.

About

This skill empowers developers to extend SAP Analytics Cloud (SAC) by creating custom widgets and visualizations using standard Web Components. It streamlines the development process by providing templates for JSON metadata, JavaScript lifecycle functions, and data binding configurations. Whether you're integrating third-party libraries like D3.js or ECharts, troubleshooting CORS issues, or utilizing the latest Widget Add-On features to enhance built-in SAC charts, this skill ensures production-ready results with built-in best practices for security and performance.

Key Features

Standardized JSON metadata and JavaScript Web Component templates
Secure hosting setup with SHA256 integrity hash generation
Support for SAC Widget Add-Ons to extend existing chart functionalities
2 GitHub stars
Advanced data binding configuration for SAC models and feeds
Implementation of mandatory lifecycle hooks and resize handlers

Use Cases

Integrating complex third-party visualization libraries like ECharts or D3.js
Creating specialized KPI cards or charts not available in the standard SAC library
Building interactive input panels and custom styling components for Analytics Designer

About

Key Features

Standardized JSON metadata and JavaScript Web Component templates
Secure hosting setup with SHA256 integrity hash generation
Support for SAC Widget Add-Ons to extend existing chart functionalities
2 GitHub stars
Advanced data binding configuration for SAC models and feeds
Implementation of mandatory lifecycle hooks and resize handlers

Use Cases

Integrating complex third-party visualization libraries like ECharts or D3.js
Creating specialized KPI cards or charts not available in the standard SAC library
Building interactive input panels and custom styling components for Analytics Designer