jQuery Bend example1

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://rawgithub.com/er1z/jquery-bend-gauge/master/jquery.bend-gauge.js"></script>
<div id="control"></div>
<a href="#" data-val="20" class="exec">set value to 10</a> :: <a href="#" class="exec" data-val="0">set value to 0</a>

CSS

body{
    background: #333;
}

a{color:#FFF}

#control{
    width: 400px;
    height: 400px;
}

JavaScript

var control = $('#control').bendGauge();

$('.exec').click(function(e){
    e.preventDefault();
    control.val($(this).data('val'));
});