# create-infographic-generator-pi-skill_02430fd4

> !!! prompt Use the skill-generator skill to create a new skill called `infograph-generator-p5`. This skill is a variation of the microsim-p5 skill. The key difference is that there is that the control region of the layout is ONLY used for displaying the details of the item that the user's mouse is hovering over. The definition of infographic is a drawing region that has shapes (nodes) on it. This microsim reads a JSON file called data.json that uses the same structure as the vis-network.js fo...

- Author: SkillFlow
- Repository: tools-only/X-Skills
- Version: 20260202191322
- Stars: 2
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/tools-only/X-Skills
- Web: https://mule.run/skillshub/@@tools-only/X-Skills~create-infographic-generator-pi-skill_02430fd4:20260202191322

---

# infograph-generator-p5

| Property | Value |
|----------|-------|
| **Name** | infograph-generator-p5 |
| **Repository** | [dmccreary/claude-skills](https://raw.githubusercontent.com/dmccreary/claude-skills/main/docs/prompts/create-infographic-generator-pi-skill.md) (⭐ 14) |
| **Original Path** | `docs/prompts/create-infographic-generator-pi-skill.md` |
| **Category** | data-analysis |
| **Subcategory** | processing |
| **Tags** | data analysis |
| **Created** | 2025-11-09 |
| **Updated** | 2025-11-22 |
| **File Hash** | `02430fd49f8f45b2...` |

## Description

⏺ I'll help you create the infographgeneratorp5 skill using the skillcreator. This
  will be an infographic generator that uses p5.js with hover interactions and
  visnetwork compatible data format.

**Tags:** `data analysis`

---

*This skill is maintained by [SkillFlow](https://github.com/tools-only/SkillFlow)*
*Source: [dmccreary/claude-skills](https://raw.githubusercontent.com/dmccreary/claude-skills/main/docs/prompts/create-infographic-generator-pi-skill.md)*