Zum Inhalt springen
Kitbay
Einreichen
Skill

d3-data-visualization

MITAktualisiert am 6. Nov. 20267.892GitHub-Sterne

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

Was der Skill vermittelt

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.

Funktionen

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