Wilson Visuals and your Home pages

This is a tutorial of how to include gauges in your own web page using javascript. I'll show examples which you should be able to modify. You are free to borrow and modify any of the code I provide on this page, though I encourage you to include tasteful links to our web site (it is not required at this time). You should be able to

• open and edit a basic HTML page
• understand the basics of HTML

Basic Examples

Including Visual Gauges

Use the following:<br/> <iframe src="http://www.wilsonvisuals.com/services/gaugeXML.php?visid=1&html=1" ></iframe> to add:

A list of valid visual gauges is found at the bottom of this page.

Make it more attractive

HTML:
Our favorite creek: <iframe style="height:1em;background-color:lightblue;" marginheight=0 align=top frameborder=0 scrolling=no src="http://www.wilsonvisuals.com/services/gaugeXML.php?visid=1&html=1" ></iframe> Result:
Our favorite creek:

Including USGS gauges

You need the USGS id # which you can find at the USGS site. <iframe style="height:3em" src="http://www.wilsonvisuals.com/services/gaugeXML.php?usgsid=02140991&html=0"></iframe>

Including AFWS streamflow gauges

Again, you need the AFWS streamflow id, which you can get here.

<iframe style="height:3em" src="http://www.wilsonvisuals.com/services/gaugeXML.php?afwsid=1917&html=1"></iframe>