sgvizler

50 %
50 %
Information about sgvizler
Technology

Published on March 9, 2014

Author: fumihiro

Source: slideshare.net

Description

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

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

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

ルートスンイ <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 りあルプンサに中の ドーロンウダ

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(); } );

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

み込め埋 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

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

用利らか 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要素指定

数員業 従,別類分中業産の都京東 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)

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

量用使 ギルネエ別類分大業産 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'

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

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

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

Add a comment

Related presentations

Related pages

Google Code Archive - Long-term storage for Google Code ...

Search. Google; About Google; Privacy; Terms
Read more

Sgvizler - Data2000 - Development site

Sgvizler has moved to github. This site and its repository will no longer be maintained. New site: mgskjaeveland.github.io/sgvizler/ New repository: github ...
Read more

Sgvizler Examples - Google Code

Sgvizler Examples. Many live examples of using Sgvizlerare gathered here. Each example page contains a chart drawn by Sgvizler on ...
Read more

GitHub - mgskjaeveland/sgvizler: Sgvizler: SPARQL result ...

sgvizler - Sgvizler: SPARQL result set visualisation javascript library
Read more

Sgvizler - Semantic Web Standards - World Wide Web Consortium

Sgvizler Home page: http://dev.data2000.no/sgvizler/ Date of latest release: 2013-11-15 : Programming language(s) that can be used with the tool: ...
Read more

GitHub - collective/collective.sgvizler: Plone integration ...

README.rst collective.sgvizler. SGVizler is a library that can directly question SPARQL endpoint to visualize opendat in your site. This intregration of ...
Read more

collective.sgvizler 1.0 : Python Package Index

SGVizler integration for Plone 4. Latest Version: 1.0.1. SGVizler is a library that can directly question SPARQL endpoint to visualize opendat in your site.
Read more

collective.sgvizler 1.0.1 : Python Package Index

SGVizler integration for Plone 4. SGVizler is a library that can directly question SPARQL endpoint to visualize opendat in your site. This intregration of ...
Read more

Sgvizler/0.6/Using – Sgvizler development site

Using Sgvizler 0.6. There are three intended ways to use Sgvizler: Query stored in HTML container; Query Form; Using Sgvizler's API (In any case you will ...
Read more