本文へスキップ
Kitbay
スキル

canvas2d-data-visualization

MIT2026年11月6日 更新7,892GitHubスター

A Codex skill from OpenAI's build-web-data-visualization plugin for drawing charts in the browser with the Canvas 2D API.

スキルの内容

A Codex skill from OpenAI's build-web-data-visualization plugin for drawing charts in the browser with the Canvas 2D API. It explains when raster drawing is the better choice, such as dense scatterplots, heatmaps, streaming traces, walls of sparklines or many charts on one page, and when SVG, HTML or WebGL would suit better. It recommends keeping a retained scene model in application state, handling hit testing, focus and accessibility yourself, and planning for mobile sizes and touch input, with reference files shared across the plugin. It is guidance for writing front-end chart code and does not analyse data by itself.

できること

  • Decide between Canvas2D, SVG and WebGL for a chart
  • Build dense or fast-updating charts with Canvas 2D
  • Plan hit testing, accessibility and mobile behaviour for canvas charts