skills.rest
wangjiawei508
wangjiawei508COMMUNITY
Explore all skills by this author →
GitHub

canvas-design

Generate technical engineering charts as SVG files from input data.

2|Updated Jun 13, 2026
Search Tags:#data analysis#visualization#engineering#charting#chart design
One-click install
npx skills add https://github.com/wangjiawei508/WorkWise --skill canvas-design-wangjiawei508
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas-design
Source: https://github.com/wangjiawei508/WorkWise/tree/main/src/asset/agent-packs/metro-monitoring-agent-pack/assets/skill/canvas-design
Command: npx skills add https://github.com/wangjiawei508/WorkWise --skill canvas-design-wangjiawei508

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires chart_generator, and includes assets (resource) components.

What problem does it solve?

This Skill solves the challenge of manually generating complex engineering charts, allowing users to produce high-quality, customizable visualizations effortlessly.

Core Features & Use Cases

  • Automatic Chart Generation: Utilizes built-in tools to generate professional-looking trend charts, cross-section diagrams, and distribution maps for various engineering scenarios.
  • Customizable Designs: Offers configurable options for chart styles, colors, and axes, catering to different types of engineering analysis.
  • Use Case: Whether you're creating a time-series trend plot for deformation monitoring or a structural section view, this Skill provides the flexibility and precision needed to effectively convey engineering data.

Quick Start

To create a settlement trend chart, utilize the chart_generator command with your data points and output the resulting SVG file to your desired path.

Frequently Asked Questions about canvas-design

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

FAQPage Schema
How do I generate engineering monitoring charts for settlement and deformation analysis?▼

You can generate settlement trend charts by utilizing the chart_generator command with your specific data points and parameters, outputting the resulting SVG file to your desired path for project documentation.

Can I customize the styles and axes of technical charts for civil engineering applications?▼

Yes, you can customize technical charts for civil engineering applications by configuring options for chart styles, colors, and axes to cater to different types of structural analysis and monitoring requirements.

What is the best way to automate deformation monitoring visualization for project documentation?▼

The best way to automate deformation monitoring visualization is by using built-in SVG tools that process your input data to automatically generate professional-looking time-series trend plots for project documentation.

Do I need input data and parameters to construct cross-section diagrams and distribution maps?▼

Yes, you need to provide specific input data and parameters to construct accurate and visually representative cross-section diagrams and distribution maps for various engineering scenarios.

Does this charting approach work with built-in SVG tools for structural section views?▼

Yes, this charting approach works with built-in SVG tools to generate professional structural section views, utilizing configurable chart styles to effectively convey complex engineering data.

Related Skills

Explore More Design & Creative Skills→
kusutorikusutori

reactor-charts

Select and create charts using Reactor's Domain Specific Language.

Community
Intermediate
williamzujkowskiwilliamzujkowski
18

docs-chart

Generate inline SVG charts for visualizing quantitative data in documentation.

Community
Basic
caoqiubozhangchenqin2caoqiubozhangchenqin2

data-analysis-pro

Analyze datasets with statistical computations, pattern interpretation, and visualization creation.

Community
Intermediate
unfazed-devunfazed-dev

mermaid-diagrams

Generate flowcharts, sequence diagrams, and ER diagrams in Mermaid syntax.

Community
Intermediate