Identify structured data semantics and render interactive HTML charts via ECharts.
npx skills add https://github.com/npc-live/clawfirm --skill visual-skills
Please help me install this Agent Skill. Skill: visual-skills Source: https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/visual-skills Command: npx skills add https://github.com/npc-live/clawfirm --skill visual-skills
Analyzing and visualizing structured data is error-prone and inconsistent when relying on ad-hoc charts. This skill automatically interprets the data semantics and routes it to a stable visual template, producing consistent, production-quality charts.
Load a dataset (CSV, JSON, or pasted table) and ask to render a production-quality interactive chart.
High-intent search queries and answers about installing and using this skill.
To turn CSV or JSON data into an interactive chart, this skill identifies the semantic data type and routes it to a fixed ECharts template, outputting a standalone HTML artifact for immediate rendering.
The best way to visualize OHLCV or time series data from a pasted table is using semantic routing, which automatically detects the financial or temporal structure and maps it to a production-quality Candlestick or Time Series chart template.
Yes, this data visualization approach supports correlation and composition chart templates. It detects data semantics and maps structured inputs to the correct visual format, including Heatmap for correlation and Donut for composition data.
Yes, you can embed the generated ECharts visualization directly into a webpage. The skill outputs a ready-to-render standalone HTML artifact via a templating engine using the ECharts CDN, which can be shared or embedded directly.
You generate a standalone HTML chart from structured data without manual configuration by loading your dataset and prompting the skill. It interprets data semantics, applies a fixed data contract, and renders the output automatically.
A limitation of template-based rendering for data analysis is that charts rely on a fixed data contract and predefined ECharts templates. This ensures consistency but may restrict highly customized visual modifications outside the supported semantic routing templates.
amanning3390Analyze CSV, JSON, Excel, and SQLite datasets to generate structured findings reports.
Li-Bai-GOATGenerate interactive charts with Chart.js for web applications.
andikarachmanPreprocess raw data into clean, analysis-ready datasets with pandas and numpy.
lamm-mitCreate custom interactive SVG data visualizations with d3.js.
