Download ModelDownload SourceembedLaunch WebsiteLaunch Website 2


Desc Page

Rational and Irrational Numbers in Decimal Form, and on a Number Line

An interactive model to show how irrational and rational numbers can be displayed, both in decimal, and in a number line. based on ideas from  


Code Language Translator Run

Software Requirements


Android iOS Windows MacOS
with best with Chrome Chrome Chrome Chrome
support full-screen? Yes. Chrome/Opera No. Firefox/ Samsung Internet Not yet Yes Yes
cannot work on some mobile browser that don't understand JavaScript such as.....
cannot work on Internet Explorer 9 and below



Shaun; lookang

Sample Learning Goals


For Teachers

Interactive Tool for Visualising Rational and Irrational Numbers 2021 JavaScript HTML5 Applet

Initial state of the interactive

The link to the interactive can be found here.


This is a simple interactive to help students visualise rational and irrational numbers when placed on a number line. For rational numbers, they can manipulate the numerator and denominator to form the desired fraction. They can also change the number of decimal places displayed to gain a better understanding of repeating decimal values. 
Interactive displaying rational numbers 

For irrational numbers, users are allowed to input basic mathematical expressions using common symbols such as + (plus), - (minus), * (times), / (divide) and ^ (power). Moreover, students can input common irrational numbers such as e and pi to facilitate their learning. 
Interactive displaying irrational values

This interactive also comes with a simple number game. Students can generate a random number, after which they can drag the red indicator on the number line to locate the value. A "Check answer" button is provided to help students determine how close their answer is to the desired value.
The number game in progress

"Check answer" dialog showing how close the student's answer is

The link to the interactive can be found here.







Other Resources


end faq

{accordionfaq faqid=accordion4 faqclass="lightnessfaq defaulticon headerbackground headerborder contentbackground contentborder round5"}

1 1 1 1 1 1 1 1 1 1 Rating 0.00 (0 Votes)