本文へスキップ
Kitbay
掲載依頼
スキル

d3-data-visualization

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

A Codex skill from OpenAI's build-web-data-visualization plugin for writing custom browser charts with D3.

スキルの内容

A Codex skill from OpenAI's build-web-data-visualization plugin for writing custom browser charts with D3. It sets out when D3 fits, such as bespoke scales and layouts, rich annotation, vector export, zoom and brush interactions, scroll-driven stories or diagrams drawn over a meaningful background, and when Canvas2D or WebGL would be faster. It suggests separating data parsing, scales, geometry, rendering and interaction state, using stable keys in data joins, and letting an existing front-end framework own the surrounding interface. Reference files shared across the plugin back it up. It guides chart code rather than performing analysis itself.

できること

  • Build custom SVG charts with D3
  • Add annotation, zoom and brushing to charts
  • Structure chart code into data, scale, geometry and render layers