-
Notifications
You must be signed in to change notification settings - Fork 0
/
example4.html
29 lines (29 loc) · 1.22 KB
/
example4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
<title>Example 4 - SGvizler</title>
<a href="index.html" target="_blank">Example 1</a><br/>
<a href="example2.html" target="_blank">example 2</a><br/>
<a href="example3.html" target="_blank">example 3</a><br/>
<a href="example-jquery.html" target="_blank">Jquery example</a><br/>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="sgvizler.js"></script>
<script>
$(document).ready(
function (){ sgvizler.containerDrawAll(); }
);
</script>
</head>
<body>
<h1>Sgvizler example 4</h1>
<p>Please allow the page to load for a few seconds.</p>
<div id="example"
data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/npd"
data-sgvizler-query="SELECT ?class (count(?instance) AS ?noOfInstances)
WHERE{ ?instance a ?class }
GROUP BY ?class
ORDER BY ?class"
data-sgvizler-chart="google.visualization.PieChart"
style="width:800px; height:400px;"></div>
</body>
</html>