Agent Skills: D3.js Data Visualization

D3.js integration for JWebMP enabling powerful data-driven document visualization. Provides access to D3 selections, scales, axes, and transitions. Use when building custom data visualizations or complex interactive graphics.

UncategorizedID: GuicedEE/ai-rules/jwebmp-d3

Install this agent skill to your local

pnpm dlx add-skill https://github.com/GuicedEE/ai-rules/tree/HEAD/skills/.system/jwebmp-d3

Skill Files

Browse the full folder contents for jwebmp-d3.

Download Skill

Loading file tree…

skills/.system/jwebmp-d3/SKILL.md

Skill Metadata

Name
jwebmp-d3
Description
D3.js integration for JWebMP enabling powerful data-driven document visualization. Provides access to D3 selections, scales, axes, and transitions. Use when building custom data visualizations or complex interactive graphics.

D3.js Data Visualization

Overview

Integration of D3.js Data Visualization into JWebMP with typed component model, CRTP API, dual rendering (HTML/JSON), and page configurators.

Quick Start

import com.jwebmp.plugins.d3.D3.js;

// Create component
// Example usage depends on the specific D3.js Data Visualization library

Use Cases

  • D3 visualizations, custom graphics, data-driven DOM manipulation
  • Integrating with JWebMP Component model
  • Server-driven event handling
  • Feature-based functionality

Installation

<dependency>
  <groupId>com.jwebmp.plugins</groupId>
  <artifactId>d3</artifactId>
</dependency>

Version managed by JWebMP BOM.

References

  • Module: com.jwebmp.plugins.d3
  • Java: 25+
  • License: Apache 2.0

See Also

  • jwebmp-core - JWebMP core component model
  • Other JWebMP plugins - Explore additional integrations