visualization

Generate interactive charts and HTML reports using pyecharts.

1|Updated Nov 5, 2025

Search Tags:#charts #data analysis #visualization #pyecharts #html reports #interactive graphics

Ready to run

npx skills add https://github.com/T-Klug/aws-cur-report-generator --skill visualization-t-klug

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: visualization
Source: https://github.com/T-Klug/aws-cur-report-generator/tree/main/.claude/skills/visualization
Command: npx skills add https://github.com/T-Klug/aws-cur-report-generator --skill visualization-t-klug

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the process of creating interactive and visually appealing charts and reports from data, making complex information easier to understand and present.

Core Features & Use Cases

Interactive Chart Generation: Utilizes pyecharts to create various chart types like bar, line, pie, and heatmaps.
HTML Report Creation: Generates self-contained HTML files that embed charts and data for easy sharing.
Data Visualization Best Practices: Provides guidance on data formatting, browser compatibility, and common issues.
Use Case: Analyze AWS Cost and Usage Reports (CUR) by generating interactive charts showing cost trends by service, account, and region, presented in a shareable HTML report.

Quick Start

Use the visualization skill to create a bar chart from the provided data.

Frequently Asked Questions about visualization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate interactive charts from my data for an HTML report?▼

To generate interactive charts and HTML reports from data, you can use the visualization Skill which utilizes the pyecharts library to create various chart types like bar, line, pie, and heatmaps. It outputs self-contained HTML files that embed your data for easy sharing and presentation.

What is the best way to visualize AWS Cost and Usage Reports?▼

The best way to visualize AWS Cost and Usage Reports is by generating interactive charts that display cost trends by service, account, and region. The visualization Skill processes this data and presents it within a shareable interactive HTML report for analysis.

Do I need to format my data in a specific way for pyecharts compatibility?▼

Yes, you need to ensure correct data formatting for JavaScript compatibility and adherence to browser rendering standards when using pyecharts. Proper data formatting is required to successfully generate interactive graphics and avoid common rendering issues.

Can I create different types of charts like heatmaps and pie charts for data analysis?▼

Yes, you can create different types of charts for data analysis using the visualization Skill. It supports various interactive chart types including bar, line, pie, and heatmaps through the pyecharts library, facilitating comprehensive data visualization and presentation.

Why does my interactive chart fail to render correctly in the browser?▼

Interactive charts fail to render correctly in the browser usually due to incorrect data formatting for JavaScript compatibility. You must ensure adherence to browser rendering standards and proper data formatting to successfully generate and display interactive graphics.