2014-03-08に行われたOpen DATA METI ヴィジュアライズソンでのsgvizlerの紹介．HTML版はhttp://fumi.me/talks/20140308/

1. SGVIZLER
Fumihiro Kato / @fumi1
HTML : http://fumi.me/talks/20140308/
版

2. SGVIZLER
Javascript/jQuery
https://code.google.com/p/sgvizler/
SPARQL
json, jsonp
)
:
Google Visualization API
: 0.6
(xml,
版定安
に主 分部化視可
応対
示表を等トーャチでけだむ込め埋をリエク
リラブイラ化視可の

5. ルートスンイ
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://beta.data2000.no/sgvizler/release/0.6/sgvizler.js"></script>
<script type="text/javascript" src="http://beta.data2000.no/sgvizler/misc/trac/sgvizler-setup.js"></script>
sgvizler.js
test
りあルプンサに中の
ドーロンウダ

6. SGVIZLER-SETUP.JS
$(document).ready(
function (){
sgvizler
.defaultEndpointOutputFormat('json') // xml, json, or jsonp
// prefix定義
.prefix('foaf', "http://xmlns.com/foaf/0.1/")
.prefix('dct', "http://purl.org/dc/terms/")
.prefix('geo', "http://www.w3.org/2003/01/geo/wgs84_pos#")
.prefix('geos', "http://www.opengis.net/ont/geosparql#")
.prefix('rdfs', 'http://www.w3.org/2000/01/rdf-schema#')
.prefix('skos', "http://www.w3.org/2004/02/skos/core#")
.prefix('yago', 'http://yago-knowledge.org/resource/')
// ページ内の全てのsgvizler containerを描画
.containerDrawAll();
}
);

7. 用利らか
力入のらかムーォフ
JavaScript
み込め埋
方ので素使
い要
div

8. み込め埋
DIV
<div id="sgvizler-example"
data-sgvizler-endpoint="http://ja.dbpedia.org/sparql"
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>
http://dbpedia.org/ontology/Actor
4.8%
4.6%
http://dbpedia.org/ontology/AdultAc...
6.9%
http://dbpedia.org/ontology/Agent
6%
http://dbpedia.org/ontology/Album
http://dbpedia.org/ontology/Anime
http://dbpedia.org/ontology/Architec...
http://dbpedia.org/ontology/Artist
15%
http://dbpedia.org/ontology/Athlete
http://dbpedia.org/ontology/Basebal...
4.8%
http://dbpedia.org/ontology/Building
http://dbpedia.org/ontology/Cartoon
http://dbpedia.org/ontology/Celestia...
4.8%
http://dbpedia.org/ontology/Chemic...
4.1%
4.1%
http://dbpedia.org/ontology/Chemic...
1/5

9. 力入らかムーォフ
<div id="sgvizler-form-example"></div>
<script type="text/javascript">
$(document).ready(function() { sgvizler.formDraw("sgvizler-form-example"); });
</script>

10. 用利らか
JAVASCRIPT
var sparqlQuery = "SELECT ?class (COUNT(?instance) AS ?noOfInstances) WHERE{ ?instance a ?class } GROUP B
var Q = new sgvizler.Query();
// sgvizlerオブジェクトにデフォルト値が設定されている可能性あり
Q.query(sparqlQuery)
.endpointURL("http://striata.lodac.nii.ac.jp/sparql")
.endpointOutputFormat("json")
// 結果形式指定: 'xml', 'json', 'jsonp'.
.chartFunction("google.visualization.BarChart") // チャート名
.draw("sgvizler-js-example");
// 描画する場所のHTML要素指定

11. 数員業
従，別類分中業産の都京東
PREFIX ktsh:<http://datameti.go.jp/scheme/kougyou-toukei-schema/>
PREFIX kougyo: <http://datameti.go.jp/lod/kougyou-toukei/>
PREFIX qb: <http://purl.org/linked-data/cube#>
PREFIX sac: <http://datameti.go.jp/scheme/standard-area-code/>
SELECT distinct ?label ?total
WHERE {
{ SELECT distinct ?sanchu (SUM(?numberOfEmployees) AS ?total)
WHERE
{ ?cell1 qb:dataSet kougyo:h22-k8-data-j-1003 ;
ktsh:refSangyoSaiBunrui ?sansai ;
ktsh:refPrefecture sac:C13 ;
ktsh:numberOfEmployees ?numberOfEmployees .
?sanchu skos:narrower/skos:narrower ?sansai .
} GROUP BY ?sanchu
}
?sanchu rdfs:label ?label .
} ORDER BY DESC(?total)

12. 7%
7.8%
8.4%
10.7%
合割数員業従、別類分中業産の都京東
15,000
1/2
掲別（業造製品製クッチスラプ
業工学化
業造製具器械機用んは
路回子電・スイバデ・品部子電
業造製の他のそ
業造製具器械機信通報情
業造製具器械機用務業
業造製具器械機用産生
業造製品製属金
業造製具器械機気電
業造製具器械機用送輸
業造製品料食
業連関同・刷印
5.8%
5.2%
5%
4%
3.9%
18.8%
0
...
...
30,000
45,000
60,000
数員業従、別類分中業産の都京東
油石
材木
料飲
鉄非
鋼鉄
具家
ムゴ
業窯
めな
維繊
ルパ
ラプ
学化
んは
子電
のそ
報情
務業
産生
属金
気電
送輸
料食
刷印
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
total

13. 量用使
ギルネエ別類分大業産
PREFIX qb:
<http://purl.org/linked-data/cube#>
PREFIX energy:
<http://datameti.go.jp/scheme/energy/2013/>
PREFIX energy-shouhi-toukei: <http://datameti.go.jp/lod/energy-shouhi-toukei/>
SELECT DISTINCT ?slabel (SUM(?esum) AS ?sangyoe) WHERE{
?cell1 qb:dataSet energy-shouhi-toukei:h23-2-2-B;
<http://datameti.go.jp/scheme/energy-census-qbproperty/refEnergy> energy:燃料;
<http://datameti.go.jp/scheme/energy-census-qbproperty/refSangyoBunrui> ?sangyo;
<http://datameti.go.jp/scheme/energy-census-qbproperty/amountOfEnergy> ?e1.
?cell2 qb:dataSet energy-shouhi-toukei:h23-2-2-B;
<http://datameti.go.jp/scheme/energy-census-qbproperty/refEnergy> energy:電力;
<http://datameti.go.jp/scheme/energy-census-qbproperty/refSangyoBunrui> ?sangyo;
<http://datameti.go.jp/scheme/energy-census-qbproperty/amountOfEnergy> ?e2.
?cell3 qb:dataSet energy-shouhi-toukei:h23-2-2-B;
<http://datameti.go.jp/scheme/energy-census-qbproperty/refEnergy> energy:熱;
<http://datameti.go.jp/scheme/energy-census-qbproperty/refSangyoBunrui> ?sangyo;
<http://datameti.go.jp/scheme/energy-census-qbproperty/amountOfEnergy> ?e3.
?sangyo skos:broader ?sandai.
?sandai rdfs:label ?slabel.
BIND (?e1+?e2+?e3 AS ?esum)
}GROUP BY ?slabel
ORDER BY DESC(?sangyoe)
ー
11'

14. 11'
量用使ーギルネエ別類分大業産
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
sangyoe
合複
業漁
業鉱
融金
報情
動不
務公
術学
気電
輸運
育教
設建
業農
ーサ
活生
療医
泊宿
売卸
造製
...
0
2,500,000
5,000,000
7,500,000
10,000,000

15. と存依 るけつを気
こ
CORS (Cross-origin resource sharing)
IE
10
jsonp
SPARQL Endpoint
)
(
なはで準標 存依
い
はかるいてし応対
らか は応対式正の

16. クンリ考参
Sgvizler
Sgvizler 0.6 Setup
Using Sgvizler 0.6:
DesiningQueries:
sgvizler Class
覧一プイタ化視可
るいてっ載が等ンョシプオ