First, you need to make sure that you are loading the jQuery Framework on your website. Chances are pretty good that you're already doing this (since it's insanely popular), but if you aren't, the easiest way to do this is to add the following to the template for your site's HTML headers:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
The standard widget
For this widget, you then just include the following code on your website in the location in which you want the widget to show up, and it will load and display the widget.
<script src="http://fitness.queso.com/widget/widget-load.js?id=12222149" type="text/javascript"></script> Your widget will appear as it does on the right (that's your actual widget).
Can someone help me out sourting this out?
These tutorials may help you
Your step 1 is already included when Elgg is loaded. All you need to do is Copy the widget code (Step 2) to the content.php file of your widget.
Thx,
I havent started this project yet. But runkeeper has opened their Healtgraph API,
http://developer.runkeeper.com/healthgraph/getting-started
If someone wants to get me going on this and help me on the way I would much appreciate it.