Implement Custom D3 Question

概要

Use this skill as a powerful fallback for creating highly customized D3.js questions when standard templates like multiple-choice or sliders are insufficient. It provides a foundational architecture for robust question development, including requirements for state management, message protocols, and interactivity locking. By offering a library of reusable components and a clear implementation guide, this skill enables the construction of questions with truly unique visualizations and complex, non-standard user interactions for advanced learning experiences.

主な機能

• Serves as a fallback for creating unique, non-standard questions not covered by other patterns.
• Offers a detailed implementation guide, reference examples, and a pre-flight checklist.
• 0 GitHub stars
• Includes a library of reusable components like cards, form inputs, and drag-and-drop systems.
• Provides a core architecture for state management, message passing, and interactivity locking.
• Establishes a protocol for state restoration and communication with the host platform.

ユースケース

• Developing a question with a novel, complex data visualization.
• Creating an interactive question that combines multiple interaction types, like drag-and-drop and text input.
• Building a custom educational tool when no standard question pattern fits the requirements.