Cacher is the code snippet organizer for pro developers

<style>
.led{
    margin              : 0 auto;
    width               : 20px;
    height              : 20px;
    background-color    : #ABFF00;
    border-radius       : 50%;
}
</style>
 
<h3>Machines</h3>
 
<div id="myHTMLWrapper"> </div>
 
<script>
    var wrapper = document.getElementById("myHTMLWrapper");
        (function(scope) {
        scope.$watch('msg.payload', function(data) {
            //console.dir(data.stats[0].label);

            var myHTML = '<table>';
        
            var entries = 0;
            for( entries; entries < data.update.length ; entries++){
                myHTML += '<tr>';
                myHTML += '<td>' + data.update[entries].server + '</td>';
                myHTML += '<td width="5%"></td>';
                myHTML += '<td>' + data.update[entries].role + '</td>';
                myHTML += '<td width="5%"></td>';
                myHTML += '<td>'+ data.update[entries].health + '</td>';
                myHTML += '<td><div class="led" style="background-color:' + data.update[entries].indicator + '"' +'</div></td>';
                myHTML += '</tr>';
            }
            
            myHTML += '</table>';
            
        wrapper.innerHTML = myHTML
 
        });
                    
    })(scope);
    
 
</script>