HTML Source Code

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="155" HEIGHT="30" NAME="spark1" id="mx1" ALIGN="top">
<PARAM NAME=movie VALUE="spark1.swf">
<PARAM NAME=flashvars VALUE="SYM2=AA">
<PARAM NAME=quality VALUE=medium>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<EMBED src="spark1.swf" quality=medium bgcolor=#FFFFFF  WIDTH="155"
 HEIGHT="30" NAME="spark1" id="mx1" ALIGN="top"
 TYPE="application/x-shockwave-flash" flashvars="SYM2=AA" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

Notes:
The name of the stock trading symbol is passed back to the Flash object and then on to the web server by using the flashvars parameter in the HTML source code. In the above example, highlighted in yellow, the variable name is "SYM2" and the value is "AA" (Alcoa Aluminum).

Best practice for all Flash objects is to set the visual quality at "high" in the HTML code. But for such a small, thin graph as a sparkline, quality is in the eye of viewer. Some developers may feel that a setting of medium makes a sharper line. I used a setting of high, because it results in a line weight that more closely matches the surrounding text, even though the anti-aliasing is a bit fuzzy. In the above example, the quality parameter is highlighted in pink.