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.

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

01Standardized JSON metadata and JavaScript Web Component templates

02Secure hosting setup with SHA256 integrity hash generation

03Support for SAC Widget Add-Ons to extend existing chart functionalities

042 GitHub stars

05Advanced data binding configuration for SAC models and feeds

06Implementation of mandatory lifecycle hooks and resize handlers

Use Cases

01Integrating complex third-party visualization libraries like ECharts or D3.js

02Creating specialized KPI cards or charts not available in the standard SAC library

03Building interactive input panels and custom styling components for Analytics Designer

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/sap-skills sap-sac-custom-widget

For use in Claude.ai and ChatGPT

Key Features

01Standardized JSON metadata and JavaScript Web Component templates

02Secure hosting setup with SHA256 integrity hash generation

03Support for SAC Widget Add-Ons to extend existing chart functionalities

042 GitHub stars

05Advanced data binding configuration for SAC models and feeds

06Implementation of mandatory lifecycle hooks and resize handlers

Use Cases

01Integrating complex third-party visualization libraries like ECharts or D3.js

02Creating specialized KPI cards or charts not available in the standard SAC library

03Building interactive input panels and custom styling components for Analytics Designer

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add secondsky/sap-skills sap-sac-custom-widget

For use in Claude.ai and ChatGPT