guicedee/jwebmp-chartjs
skills/.system/jwebmp-chartjs/SKILL.md
Chart.js integration for JWebMP providing simple yet flexible charting. Supports line, bar, radar, doughnut, pie, polar area, bubble, and scatter charts with responsive design, animations, and plugins. Use when working with Chart.js, creating simple charts, building dashboards, or implementing lightweight charting in JWebMP applications.
$ install --global
skillsauthnpx skillsauth add guicedee/ai-rules jwebmp-chartjsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 5, 2026, 3:31 PM9.7s2 files scanned
SKILL.md
- name:
- jwebmp-chartjs
- description:
- Chart.js integration for JWebMP providing simple yet flexible charting. Supports line, bar, radar, doughnut, pie, polar area, bubble, and scatter charts with responsive design, animations, and plugins. Use when working with Chart.js, creating simple charts, building dashboards, or implementing lightweight charting in JWebMP applications.
- short-description:
- Chart.js charting integration
JWebMP Chart.js
Chart.js integration for JWebMP providing simple yet flexible charting.
Core Features
- 8 Chart Types — Line, Bar, Radar, Doughnut, Pie, Polar Area, Bubble, Scatter
- Responsive — Auto-resize to container
- Animations — Smooth chart animations
- Plugins — Extensible plugin system
- Mixed Charts — Combine chart types
- Accessibility — Screen reader support
Quick Start
Line Chart
ChartJS lineChart = new ChartJS()
.setType(ChartType.LINE)
.setData(new ChartData()
.setLabels(List.of("Jan", "Feb", "Mar", "Apr", "May", "Jun"))
.setDatasets(List.of(
new Dataset()
.setLabel("Sales 2024")
.setData(List.of(12, 19, 3, 5, 2, 3))
.setBorderColor("rgb(75, 192, 192)")
.setTension(0.1)
)))
.setOptions(new ChartOptions()
.setResponsive(true)
.setMaintainAspectRatio(true));
Bar Chart
ChartJS barChart = new ChartJS()
.setType(ChartType.BAR)
.setData(new ChartData()
.setLabels(List.of("Red", "Blue", "Yellow", "Green", "Purple", "Orange"))
.setDatasets(List.of(
new Dataset()
.setLabel("# of Votes")
.setData(List.of(12, 19, 3, 5, 2, 3))
.setBackgroundColor(List.of(
"rgba(255, 99, 132, 0.2)",
"rgba(54, 162, 235, 0.2)",
"rgba(255, 206, 86, 0.2)",
"rgba(75, 192, 192, 0.2)",
"rgba(153, 102, 255, 0.2)",
"rgba(255, 159, 64, 0.2)"
))
.setBorderWidth(1)
)));
Pie/Doughnut Chart
ChartJS pieChart = new ChartJS()
.setType(ChartType.PIE) // or ChartType.DOUGHNUT
.setData(new ChartData()
.setLabels(List.of("Red", "Blue", "Yellow"))
.setDatasets(List.of(
new Dataset()
.setData(List.of(300, 50, 100))
.setBackgroundColor(List.of(
"rgb(255, 99, 132)",
"rgb(54, 162, 235)",
"rgb(255, 205, 86)"
))
)));
Chart Types
ChartType.LINE // Line chart
ChartType.BAR // Vertical bar chart
ChartType.HORIZONTAL_BAR // Horizontal bar chart
ChartType.RADAR // Radar/spider chart
ChartType.DOUGHNUT // Doughnut chart
ChartType.PIE // Pie chart
ChartType.POLAR_AREA // Polar area chart
ChartType.BUBBLE // Bubble chart
ChartType.SCATTER // Scatter plot
Chart Options
new ChartOptions()
.setResponsive(true)
.setMaintainAspectRatio(true)
.setAspectRatio(2)
.setPlugins(new PluginsOptions()
.setTitle(new TitleOptions()
.setDisplay(true)
.setText("Chart Title"))
.setLegend(new LegendOptions()
.setDisplay(true)
.setPosition("top")))
.setScales(new ScalesOptions()
.setX(new ScaleOptions().setDisplay(true))
.setY(new ScaleOptions()
.setDisplay(true)
.setBeginAtZero(true)));
Dataset Options
new Dataset()
.setLabel("Dataset 1")
.setData(dataPoints)
.setBackgroundColor("rgba(75, 192, 192, 0.2)")
.setBorderColor("rgb(75, 192, 192)")
.setBorderWidth(2)
.setPointRadius(5)
.setPointHoverRadius(7)
.setTension(0.4) // Line tension (0 = straight, 1 = curved)
.setFill(true); // Fill area under line
Mixed Charts
new ChartData()
.setDatasets(List.of(
new Dataset()
.setType(ChartType.LINE)
.setLabel("Line Dataset")
.setData(List.of(10, 20, 30)),
new Dataset()
.setType(ChartType.BAR)
.setLabel("Bar Dataset")
.setData(List.of(15, 25, 35))
));
Animations
new ChartOptions()
.setAnimation(new AnimationOptions()
.setDuration(1000)
.setEasing("easeInOutQuart")
.setDelay(0));
Installation
<dependency>
<groupId>com.jwebmp.plugins</groupId>
<artifactId>chartjs</artifactId>
</dependency>
References
- Module:
com.jwebmp.plugins.chartjs - Chart.js: 4.x
- Java: 25+
- License: Apache 2.0
- Chart.js Docs
Related Skills
guicedee/skill-installer
development
VerifiedTrustedCommunity
Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path. Use when a user asks to list installable skills, install a curated skill, or install a skill from another repo (including private repos).
5SKILL.mdUpdated Apr 5, 2026
guicedee/skill-creator
tools
VerifiedTrustedCommunity
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.
5SKILL.mdUpdated Apr 5, 2026
guicedee/jwebmp-webawesome
development
VerifiedTrustedCommunity
WebAwesome icon integration for JWebMP — modern, open-source icon library. Provides 1,500+ icons with solid/regular styles, sizing, rotation, animation, and CSS utilities. Drop-in FontAwesome alternative with fresh designs. Use when working with WebAwesome icons, modern icon designs, or as FontAwesome alternative in JWebMP applications.
5SKILL.mdUpdated Apr 5, 2026
guicedee/jwebmp-webawesome-pro
development
VerifiedTrustedCommunity
WebAwesome Pro integration for JWebMP with premium icons and features. Extends jwebmp-webawesome with additional styles, premium icons, and advanced features. Use when working with WebAwesome Pro icons or premium WebAwesome features in JWebMP applications.
5SKILL.mdUpdated Apr 5, 2026