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>gTreeMap</code>: The population of the world, sized in boxes per area category
|
---|
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 ?a ?b xsd:int(?c) WHERE{ { ?a w:isCountryInRegion ?b ; w:hasCountryPopulation ?c } UNION { ?a w:isRegionInContinent ?b ; LET(?c := 0) } UNION { ?a a w:Continent; LET(?b := "World") LET(?c := 0) } UNION { LET(?a := "World") LET(?b := "") LET(?c := 0) } }" data-sgvizler-chart="gTreeMap" 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 ?a ?b xsd:int(?c) WHERE{ { ?a w:isCountryInRegion ?b ; w:hasCountryPopulation ?c } UNION { ?a w:isRegionInContinent ?b ; LET(?c := 0) } UNION { ?a a w:Continent; LET(?b := &quot;World&quot;) LET(?c := 0) } UNION { LET(?a := &quot;World&quot;) LET(?b := &quot;&quot;) LET(?c := 0) } }"
|
---|
25 | data-sgvizler-chart="gTreeMap"
|
---|
26 | data-sgvizler-loglevel="2"
|
---|
27 | style="width:800px; height:400px;"/></pre><h3>The results of the query in <code>gTable</code></h3>
|
---|
28 | <div id="sgvzl_example_table" data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/world" data-sgvizler-query="SELECT ?a ?b xsd:int(?c) WHERE{ { ?a w:isCountryInRegion ?b ; w:hasCountryPopulation ?c } UNION { ?a w:isRegionInContinent ?b ; LET(?c := 0) } UNION { ?a a w:Continent; LET(?b := "World") LET(?c := 0) } UNION { LET(?a := "World") LET(?b := "") LET(?c := 0) } }" data-sgvizler-chart="gTable" data-sgvizler-loglevel="2" style="width:800px; height:200px;"></div>
|
---|
29 | <div id="footer">
|
---|
30 | <!--Please leave a link to the Sgvizler homepage.-->
|
---|
31 | <p>
|
---|
32 | Sgvizler visualizes the result of SPARQL SELECT queries using
|
---|
33 | javascript and the Google Visualization API. For more
|
---|
34 | information, see the <a href="http://code.google.com/p/sgvizler/">Sgvizler</a>
|
---|
35 | homepage. (c) 2011--2012 Martin G. SkjÊveland.
|
---|
36 |
|
---|
37 | </p>
|
---|
38 | </div>
|
---|
39 | </body>
|
---|
40 | </html> |
---|