| 1 | <!DOCTYPE HTML>
|
|---|
| 2 | <html xmlns="http://www.w3.org/1999/xhtml">
|
|---|
| 3 | <head>
|
|---|
| 4 | <title>Sgvizler</title>
|
|---|
| 5 | <meta charset="UTF-8"/>
|
|---|
| 6 | <link rel="shortcut icon" href="http://sgvizler.googlecode.com/svn/www/favicon.ico" />
|
|---|
| 7 | <link rel="stylesheet" type="text/css" href="http://sgvizler.googlecode.com/svn/www/sgvizler.css" />
|
|---|
| 8 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
|
|---|
| 9 | <script type="text/javascript" src="https://www.google.com/jsapi"></script>
|
|---|
| 10 | <script type="text/javascript" id="sgvzlr_script" src="http://sgvizler.googlecode.com/svn/release/0.5/sgvizler.js"></script>
|
|---|
| 11 | <script type="text/javascript">
|
|---|
| 12 | // CONFIGURATION Sgvizler 0.5: Set variables to fit your setup.
|
|---|
| 13 | // NB! Do not let the last item in a list end with a comma.
|
|---|
| 14 |
|
|---|
| 15 | //// Query settings. The defaults settings are listed.
|
|---|
| 16 | sgvizler.option.query = {
|
|---|
| 17 | // Default query.
|
|---|
| 18 | //'query': "SELECT ?class (count(?instance) AS ?noOfInstances)\nWHERE{ ?instance a ?class }\nGROUP BY ?class\nORDER BY ?class",
|
|---|
| 19 |
|
|---|
| 20 | // Endpoint URL.
|
|---|
| 21 | //'endpoint': "http://sws.ifi.uio.no/sparql/world",
|
|---|
| 22 |
|
|---|
| 23 | // Endpoint output format.
|
|---|
| 24 | //'endpoint_output': 'json', // 'xml', 'json' or 'jsonp'
|
|---|
| 25 |
|
|---|
| 26 | // This string is appended the 'endpoint' variable and the query to it again to give a link to the "raw" query results.
|
|---|
| 27 | //'endpoint_query_url': "?output=text&query=",
|
|---|
| 28 |
|
|---|
| 29 | // URL to SPARQL validation service. The query is appended to it.
|
|---|
| 30 | //'validator_query_url': "http://www.sparql.org/query-validator?languageSyntax=SPARQL&outputFormat=sparql&linenumbers=true&query=",
|
|---|
| 31 |
|
|---|
| 32 | // Default chart type.
|
|---|
| 33 | //'chart': 'gLineChart',
|
|---|
| 34 |
|
|---|
| 35 | // Default log level. Must be either 0, 1, or 2.
|
|---|
| 36 | //'loglevel': 2
|
|---|
| 37 | };
|
|---|
| 38 |
|
|---|
| 39 | //// Prefixes
|
|---|
| 40 | // Add convenient prefixes for your dataset. rdf, rdfs, xsd, owl
|
|---|
| 41 | // are already set. Examples:
|
|---|
| 42 | sgvizler.option.namespace['wd'] = 'http://sws.ifi.uio.no/d2rq/resource/';
|
|---|
| 43 | sgvizler.option.namespace['w'] = 'http://sws.ifi.uio.no/ont/world.owl#';
|
|---|
| 44 |
|
|---|
| 45 | //// Your chart drawing preferences. The defaults are listed.
|
|---|
| 46 | // See the Google visualization API for available options for
|
|---|
| 47 | // Google charts, and the Sgvizler homepage for other
|
|---|
| 48 | // options. Options applicable to all charts are put in the
|
|---|
| 49 | // "root" of sgvizler.chartOptions. Chart specific options are
|
|---|
| 50 | // put in a "child" with the chart's id as name,
|
|---|
| 51 | // e.g. 'gGeoMap'.
|
|---|
| 52 | sgvizler.option.chart = {
|
|---|
| 53 | //'width': '800',
|
|---|
| 54 | //'height': '400',
|
|---|
| 55 | //'chartArea': { left: '5%', top: '5%', width: '75%', height: '80%' },
|
|---|
| 56 | // 'gGeoMap': {
|
|---|
| 57 | // 'dataMode': 'markers'
|
|---|
| 58 | // },
|
|---|
| 59 | // 'gMap': {
|
|---|
| 60 | // 'dataMode': 'markers',
|
|---|
| 61 | // },
|
|---|
| 62 | // 'sMap': {
|
|---|
| 63 | // 'dataMode': 'markers',
|
|---|
| 64 | // 'showTip': true,
|
|---|
| 65 | // 'useMapTypeControl': true
|
|---|
| 66 | // }
|
|---|
| 67 | };
|
|---|
| 68 |
|
|---|
| 69 | //// Leave this as is. Ready, steady, GO!
|
|---|
| 70 | $(document).ready(sgvizler.go());
|
|---|
| 71 | </script>
|
|---|
| 72 | </head>
|
|---|
| 73 | <body>
|
|---|
| 74 | <div id="logo">
|
|---|
| 75 | <a href="http://code.google.com/p/sgvizler/">
|
|---|
| 76 | <img src="http://sgvizler.googlecode.com/svn/www/mr.sgvizler.png" alt="mr.sgvizler.png"/>
|
|---|
| 77 | </a><br/>Mr. Sgvizler
|
|---|
| 78 | </div>
|
|---|
| 79 | <h1>Sgvizler</h1>
|
|---|
| 80 |
|
|---|
| 81 | <h2>User Input</h2>
|
|---|
| 82 |
|
|---|
| 83 | This section contains a input form where users can write and
|
|---|
| 84 | execute their own SPARQL queries. The query is sent to Sgvizler
|
|---|
| 85 | via the URL in GET parameters.
|
|---|
| 86 |
|
|---|
| 87 | <div id="queryarea">
|
|---|
| 88 | <pre id="sgvzlr_cPrefix"></pre>
|
|---|
| 89 | <textarea id="sgvzlr_cQuery" rows="10" cols="80"></textarea>
|
|---|
| 90 | <form method="get" id="sgvzlr_formQuery">
|
|---|
| 91 | <p>
|
|---|
| 92 | <input type="hidden" value="" name="query" id="sgvzlr_strQuery"/>
|
|---|
| 93 | Width: <input name="width" id="sgvzlr_strWidth" type="text" size="3"/>
|
|---|
| 94 | Height: <input name="height" id="sgvzlr_strHeight" type="text" size="3"/>
|
|---|
| 95 | Chart Type: <select name="chart" id="sgvzlr_optChart"></select>
|
|---|
| 96 | <input type="button" value="Reset" onclick="sgvizler.ui.resetPage()"/>
|
|---|
| 97 | <input type="button" value="GO!" onclick="sgvizler.ui.submitQuery()"/>
|
|---|
| 98 | </p>
|
|---|
| 99 | </form>
|
|---|
| 100 | <div id="sgvzlr_cMessage"></div>
|
|---|
| 101 | </div>
|
|---|
| 102 | <div id="sgvzlr_gchart" style="width:800px; height:400px;"></div>
|
|---|
| 103 | <div id="footer">
|
|---|
| 104 | <!-- Please leave a link to the Sgvizler homepage -->
|
|---|
| 105 | <p>
|
|---|
| 106 | Sgvizler visualizes the result of SPARQL SELECT queries using
|
|---|
| 107 | javascript and the Google Visualization API. For more
|
|---|
| 108 | information, see
|
|---|
| 109 | the <a href="http://code.google.com/p/sgvizler/">Sgvizler</a>
|
|---|
| 110 | homepage. (c) 2011 Martin G. Skjæveland.
|
|---|
| 111 | </p>
|
|---|
| 112 | </div>
|
|---|
| 113 | </body>
|
|---|
| 114 | </html>
|
|---|
