Implement Double Number Line Question

A double number line question displays two parallel aligned lines with labeled ticks showing equivalent ratios. Students fill in missing values across both lines to demonstrate understanding of proportional relationships. The Skill provides SVG rendering and state management to track student responses.

Missing values are blanks on one or both lines that students must fill to show they understand how ratios scale proportionally. Completing them demonstrates mastery of equivalent ratios and proportional reasoning—core concepts in math education.

Yes. Double number lines model proportional relationships visually by displaying two quantities on aligned scales. This concrete representation helps students see how values change together and solidify their grasp of ratios before moving to abstract algebraic methods.

Double number lines use parallel visual scales to show correspondence between quantities, making ratios and scaling immediately visible. Unlike tables or equations alone, the spatial alignment reinforces the proportional structure and is often more intuitive for early learners.

The Skill uses four input positions (dnl1–dnl4) aligned with SVG-rendered tick marks on two labeled lines. State management syncs student entries to the host environment for evaluation, requiring only the scenario and answer key to configure.

Students fill in missing values at designated input slots positioned on both lines using SVG foreignObject alignment. The Skill handles rendering and response tracking; interaction is confined to completing the blanks within the visual model.