Number line

The underlying JavaScript code

var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox:[-5.2,2,5.2,-2]});
var axisx = brd.create('axis', [[0,0], [1,0]], 
  {
    firstArrow: true,
    lastArrow: true,
    ticks: {
      drawZero: true,
      ticksDistance: 1,
      majorHeight: 30,
      tickEndings: [1,1],
      minorTicks: 0
    }
  });
var p = brd.create('glider', [2.2, 0, axisx], {});