1 | <!DOCTYPE HTML>
|
---|
2 | <html>
|
---|
3 | <head>
|
---|
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
---|
5 | <title>Sgvizler</title>
|
---|
6 | <meta charset="UTF-8">
|
---|
7 | <link rel="shortcut icon" href="http://sgvizler.googlecode.com/svn/www/favicon.ico">
|
---|
8 | <link rel="stylesheet" type="text/css" href="http://sgvizler.googlecode.com/svn/www/sgvizler.css">
|
---|
9 | <link rel="stylesheet" type="text/css" href="examples.css"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="https://www.google.com/jsapi"></script><script type="text/javascript" id="sgvzlr_script" src="../sgvizler.js"></script><script type="text/javascript">sgvizler.option.namespace.wd = 'http://sws.ifi.uio.no/d2rq/resource/';
|
---|
10 | sgvizler.option.namespace.w = 'http://sws.ifi.uio.no/ont/world.owl#';
|
---|
11 |
|
---|
12 | $(document).ready(sgvizler.go());
|
---|
13 | </script></head>
|
---|
14 | <body>
|
---|
15 | <div id="logo"><a href="http://code.google.com/p/sgvizler/"><img src="http://sgvizler.googlecode.com/svn/www/mr.sgvizler.png" alt="mr.sgvizler.png"></a><br>Mr. Sgvizler
|
---|
16 |
|
---|
17 | </div>
|
---|
18 | <h3><code>gScatterChart</code>: Life expectancy over Gross National Product
|
---|
19 | </h3>
|
---|
20 | <p></p>
|
---|
21 | <div id="sgvzl_example_query" data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/world" data-sgvizler-query="SELECT * WHERE{[] w:hasGNP ?GNP ; w:hasLifeExpectancy ?LifeExpectancy; }" data-sgvizler-chart="gScatterChart" data-sgvizler-chart-options="hAxis.logScale=true|animation.duration=2000|backgroundColor=lightgreen" data-sgvizler-loglevel="2" style="width:800px; height:400px;"></div>
|
---|
22 | <p>The element which draws the above chart:</p><pre id="sgvzl_example_pre"><div id="sgvzl_example_query"
|
---|
23 | data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/world"
|
---|
24 | data-sgvizler-query="SELECT * WHERE{[] w:hasGNP ?GNP ; w:hasLifeExpectancy ?LifeExpectancy; }"
|
---|
25 | data-sgvizler-chart="gScatterChart"
|
---|
26 | data-sgvizler-chart-options="hAxis.logScale=true|animation.duration=2000|backgroundColor=lightgreen"
|
---|
27 | data-sgvizler-loglevel="2"
|
---|
28 | style="width:800px; height:400px;"/></pre><h3>The results of the query in <code>gTable</code></h3>
|
---|
29 | <div id="sgvzl_example_table" data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/world" data-sgvizler-query="SELECT * WHERE{[] w:hasGNP ?GNP ; w:hasLifeExpectancy ?LifeExpectancy; }" data-sgvizler-chart="gTable" data-sgvizler-loglevel="2" style="width:800px; height:200px;"></div>
|
---|
30 | <div id="footer">
|
---|
31 | <!--Please leave a link to the Sgvizler homepage.-->
|
---|
32 | <p>
|
---|
33 | Sgvizler visualizes the result of SPARQL SELECT queries using
|
---|
34 | javascript and the Google Visualization API. For more
|
---|
35 | information, see the <a href="http://code.google.com/p/sgvizler/">Sgvizler</a>
|
---|
36 | homepage. (c) 2011--2012 Martin G. SkjÊveland.
|
---|
37 |
|
---|
38 | </p>
|
---|
39 | </div>
|
---|
40 | </body>
|
---|
41 | </html> |
---|