d3

What problem does it solve?

This Skill helps you build D3 visualizations by applying Mike Bostock's core design philosophy and essential patterns, ensuring your code is idiomatic, efficient, and expressive.

Core Features & Use Cases

• Apply Bostock's Philosophy: Understand and implement principles like representation transparency, expressiveness over convenience, and data-driven documents.
• Master Essential Patterns: Learn and apply patterns such as data joins (enter/update/exit), key functions, reusable chart closures, and the margin convention.
• Avoid Anti-Patterns: Recognize and steer clear of common pitfalls like excessive chaining, full redraws, and join-by-index.
• Use Case: When tasked with creating a dynamic, interactive scatter plot, you can use this Skill to ensure your D3 code adheres to best practices, making it maintainable and performant.

Quick Start

Provide the context of the D3 aspect you need help with, such as "data joins" or "reusable charts".