Use whenever you are about to create a chart, graph, plot, heatmap, sparkline, stat tile, or dashboard — whether as an HTML artifact, inline SVG, or plotting code in any library (matplotlib, plotly, Chart.js, D3, …). Covers chart-type selection, the color system for categorical/sequential/diverging data, legend/axis/tooltip conventions, and legibility at the Artifacts panel's narrow default width. Triggers on "chart", "graph", "plot", "visualize this data", "dashboard", "heatmap", "颜色", "配色", "画个图表". Read artifact-design first if the chart is going inside a full HTML artifact page — this skill is only about the chart itself, not the page it lives in.
$npx -y skills add open-octo/octo-agent --skill datavizInstalls into the current project.
Run `npx skills use "https://github.com/open-octo/octo-agent" --skill "open-octo/octo-agent/dataviz"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/open-octo/octo-agent" that are relevant to the current task. Run `npx skills add "https://github.com/open-octo/octo-agent"` and select the relevant skills, then follow their instructions.