Sgvizler has moved to github. This site and its repository will no longer be maintained.

Changes between Version 3 and Version 4 of WikiStart


Ignore:
Timestamp:
11/04/13 11:45:10 (4 years ago)
Author:
martin
Comment:

Moving contents to SgvizlerIntroduction?

Legend:

Unmodified
Added
Removed
Modified
  • WikiStart

    v3 v4  
    1 = Sgvizler = 
    2  
    3 Sgvizler is a javascript which renders the result of SPARQL SELECT queries into charts or html elements.  
    4 It is cool stuff! 
    5 [[FootNote(ivan_herman: http://twitter.com/#!/ivan_herman/status/116839528265809921)]] 
    6 [[FootNote(timbl: http://swig.xmlhack.com/2011/09/22/2011-09-22.html#1316714297.665701)]] 
    7 [[FootNote(Pablo Mendes: http://lists.w3.org/Archives/Public/semantic-web/2011Sep/0079.html)]] 
    8 [[FootNote(Bob !DuCharme: http://www.snee.com/bobdc.blog/2013/09/making-charts-out-of-sparql-qu.html)]] 
    9 [[FootNote(Danny Ayers: https://plus.google.com/112609322932428633493/posts/R6ETtnBgUBA)]] 
    10  
    11 [[PageOutline(2-3,,inline)]] 
    12  
    13 == Introduction == 
    14  
    15 The name and tool relies on and/or is inspired by 
    16 [http://www.w3.org/TR/rdf-sparql-query/ SPARQL], 
    17 [http://code.google.com/apis/chart/ Google Visualization API], 
    18 [http://www.sparql.org/query.html SPARQLer], 
    19 [http://dbpedia.org/snorql/ Snorql] and 
    20 [http://km.aifb.kit.edu/sites/spark/ Spark].   
    21 All the major chart types offered by the Google Visualization API are supported by Sgvizler.  The user inputs a SPARQL query which is sent to a designated SPARQL endpoint. The endpoint must return the results back the query results in 
    22 [http://www.w3.org/TR/rdf-sparql-XMLres/ SPARQL Query Results XML Format] or 
    23 [http://www.w3.org/TR/rdf-sparql-json-res/ SPARQL Query Results in JSON format].  
    24 Sgvizler parses the results into the JSON 
    25 [http://code.google.com/apis/chart/interactive/docs/datatables_dataviews.html#javascriptliteral format that Google prefers]  
    26 and displays the chart using the Google Visualization API or a  
    27 [SgvizlerUserFunctions custom-made visualization or formatting function]. 
    28  
    29 == Usage == 
    30  
    31 Include charts your web pages simply by adding html element of the following form to your page: 
    32 {{{ 
    33 #!text/html 
    34 <div id="sgvzl_example1" 
    35      data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/npd" 
    36      data-sgvizler-query="SELECT ?class (count(?instance) AS ?noOfInstances) 
    37                           WHERE{ ?instance a ?class } 
    38                           GROUP BY ?class 
    39                           ORDER BY ?class" 
    40      data-sgvizler-chart="gPieChart" 
    41      style="width:800px; height:400px;"></div> 
    42 }}} 
    43  
    44 Read more on SgvizlerUse. 
    45  
    46 It is simple to get started! Grab the file sgvizler.html in the latest 
    47 [source:release] 
    48 or look at the examples and their source code, also found in the release folder. They contain everything you need to setup Sgvizler on your own 
    49 site. For more information see SgvizlerSetup. 
    50  
    51 Sgvizler needs, in addition to the Google Visualization API, the javascript framework  
    52 [http://jquery.com/ jQuery]  
    53 to work. See SgvizlerCompatibility for information on which browsers and server setups Sgvizler requires. 
    54  
    55 == Contact == 
    56  
    57 Use the mailinglist {{{sgvizler@googlegroups.com}}} if you have questions 
    58 about Sgvizler. Sign up for the same 
    59 [http://groups.google.com/group/sgvizler mailinglist] if you want to 
    60 receive emails on updates and other news and questions about 
    61 Sgvizler. To contact the developer personally, use 
    62 {{{m.g.skjaeveland@gmail.com}}}. 
    63  
    64 == Screenshots == 
    65  
    66 Samples of many of the chart types and renderings that Sgvizler can produce. 
    67 Click image to see larger version. 
    68 There are also many [http://beta.data2000.no/sgvizler/release/0.5/example/index.html live examples]. 
    69  
    70 [[Image(source:www/screenshots/thumb/dForceGraph.png.thumb.jpg, link=source:www/screenshots/dForceGraph.png,border=1)]]  
    71 [[Image(source:www/screenshots/thumb/gAreaChart.png.thumb.jpg, link=source:www/screenshots/gAreaChart.png,border=1)]]  
    72 [[Image(source:www/screenshots/thumb/gBarChart.png.thumb.jpg, link=source:www/screenshots/gBarChart.png,border=1)]]  
    73 [[Image(source:www/screenshots/thumb/gBubbleChart.png.thumb.jpg, link=source:www/screenshots/gBubbleChart.png,border=1)]]  
    74 [[Image(source:www/screenshots/thumb/gGauge.png.thumb.jpg, link=source:www/screenshots/gGauge.png,border=1)]]  
    75 [[Image(source:www/screenshots/thumb/gGeoChart.png.thumb.jpg, link=source:www/screenshots/gGeoChart.png,border=1)]]  
    76 [[Image(source:www/screenshots/thumb/gGeoMap.png.thumb.jpg, link=source:www/screenshots/gGeoMap.png,border=1)]]  
    77 [[Image(source:www/screenshots/thumb/gLineChart.png.thumb.jpg, link=source:www/screenshots/gLineChart.png,border=1)]]  
    78 [[Image(source:www/screenshots/thumb/gMotionChart.png.thumb.jpg, link=source:www/screenshots/gMotionChart.png,border=1)]]  
    79 [[Image(source:www/screenshots/thumb/gOrgChart.png.thumb.jpg, link=source:www/screenshots/gOrgChart.png,border=1)]]  
    80 [[Image(source:www/screenshots/thumb/gPieChart.png.thumb.jpg, link=source:www/screenshots/gPieChart.png,border=1)]]  
    81 [[Image(source:www/screenshots/thumb/gScatterChart.png.thumb.jpg, link=source:www/screenshots/gScatterChart.png,border=1)]]  
    82 [[Image(source:www/screenshots/thumb/gSparkline.png.thumb.jpg, link=source:www/screenshots/gSparkline.png,border=1)]]  
    83 [[Image(source:www/screenshots/thumb/gSteppedAreaChart.png.thumb.jpg, link=source:www/screenshots/gSteppedAreaChart.png,border=1)]]  
    84 [[Image(source:www/screenshots/thumb/gTable.png.thumb.jpg, link=source:www/screenshots/gTable.png,border=1)]]  
    85 [[Image(source:www/screenshots/thumb/gTimeline.png.thumb.jpg, link=source:www/screenshots/gTimeline.png,border=1)]]  
    86 [[Image(source:www/screenshots/thumb/gTreeMap.png.thumb.jpg, link=source:www/screenshots/gTreeMap.png,border=1)]]  
    87 [[Image(source:www/screenshots/thumb/sDefList.png.thumb.jpg, link=source:www/screenshots/sDefList.png,border=1)]]  
    88 [[Image(source:www/screenshots/thumb/sList.png.thumb.jpg, link=source:www/screenshots/sList.png,border=1)]]  
    89 [[Image(source:www/screenshots/thumb/sMap.png.thumb.jpg, link=source:www/screenshots/sMap.png,border=1)]]  
    90 [[Image(source:www/screenshots/thumb/sText.png.thumb.jpg, link=source:www/screenshots/sText.png,border=1)]] 
    91  
    92 == More ... == 
    93  
    94 All wiki pages containing information about Sgvizler: 
    95  
    96 [[TitleIndex(Sgvizler)]] 
    97  
    98 [[FootNote]] 
     1[[Include(SgvizlerIntroduction)]]