I have a python program that send from server side random numbers to be displayed in an html page :

1. $(document).ready(function(){
       //connect to the socket server.
       var socket = io.connect('http://' + document.domain + ':' + location.port + '/test');
       var numbers_received = [];
   
       //receive details from server
       socket.on('newnumber', function(msg) {
           console.log("Received number" + msg.number);
           //maintain a list of ten numbers
           if (numbers_received.length >= 10){
               numbers_received.shift()
           }            
           numbers_received.push(msg.number);
           numbers_string = '';
           for (var i = 0; i < numbers_received.length; i++){
               numbers_string = numbers_string + '<p>' + numbers_received[i].toString() + '</p>';
           }
           $('#log').html(numbers_string);
       });
   
   });

I would like instead of displaying these numbers in the the page show then in :

D3 Liquid Fill Gauge

how can I integrate this example with this code :

http://bl.ocks.org/brattonc/5e5ce9beee483220e2f6

instead of the onclick I want data to change authomatically, no clicking.

Thanks, your help is appreciated.