Implement Dynamic Graph Question

Community

Draw and analyze lines on an interactive coordinate plane.

Authorasmith7013
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides an interactive environment for students to draw and explore linear relationships on a coordinate plane, overcoming the limitations of static graphs and fostering a deeper understanding of functions.

Core Features & Use Cases

  • Click-to-Draw Lines: Easily draw lines by clicking two points on the grid, with automatic snap-to-grid for precision.
  • Configurable Axes & Snapping: Customize axis ranges, labels, and grid snapping (including fractional subdivisions) to fit any problem.
  • Use Case: A student can be asked to draw a line representing a car traveling at 60 mph, starting from the origin. They can click (0,0) and then (1,60) (or (2,120) etc.) to visualize the proportional relationship, with the line extending across the graph.

Quick Start

Use the Implement Dynamic Graph Question skill to create a coordinate plane from x=0 to 10 and y=0 to 100. Label the x-axis "Time (hours)" and y-axis "Distance (miles)". Allow students to draw lines, snapping to whole number grid points.

Dependency Matrix

Required Modules

d3

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Implement Dynamic Graph Question
Download link: https://github.com/asmith7013/coachingPlatform/archive/main.zip#implement-dynamic-graph-question

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository