a dynamic coin stack chart
this coin stack chart is a derivation of the chart in my previous post. i use the same chart syntax, but a different xslt stylesheet. below you can see a png version of that chart , i first transformed it into pure svg with saxon, and then rendered it to png with batik.
here is again an example xhtml file with the chart dynamicly created client side.
one step further would be serving a dynamicly generated document to the client, this is quite simple.
my example .asp page looks like this:
<%@ Language=VBScript %><?xml-stylesheet href="extension.xsl" type="text/xsl"?>
<%
response.contentType="text/xml"
Randomize Timer
%>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:tb="http://www.treebuilder.de/namespace">
<head>
<title>test</title>
</head>
<body>
<h1>a dynamic coin stack chart</h1>
<chart xmlns="http://www.treebuilder.de/namespace" width="400" height="250">
<nVPair>
<name>Item 1</name>
<value><%=cint(rnd()*20000)%></value>
</nVPair>
<nVPair>
<name>Item 2</name>
<value><%=cint(rnd()*20000)%></value>
</nVPair>
<nVPair>
<name>Item 3</name>
<value><%=cint(rnd()*20000)%></value>
</nVPair>
<nVPair>
<name>Item 4</name>
<value><%=cint(rnd()*20000)%></value>
</nVPair>
<nVPair>
<name>Item 5</name>
<value><%=cint(rnd()*20000)%></value>
</nVPair>
</chart>
<br/>
each time you reload this page, a new random set of values will be created at the server, and a new document is send to the client. it gets transformed by xslt. the xslt is cached, so only downloaded once.
that means that subsequent reloads of the page with different data cost around 0.5K traffic !
</body>
</html>
here is the dynamicaly generated chart
in action. you can observe the major advantage of using xslt (!) ; this file is only 0.5K
per reload, only the first request will load an 9K stylesheet which will be cached by the browser.
|
