Sgvizler has moved to github. This site and its repository will no longer be maintained.
wiki:Sgvizler/Chart/SgvizlerVisualizationTable

This chart and its examples are implemented using Sgvizler 0.6, for version 0.5 see Sgvizler/0.5/DesigningQueries.

Sgvizler Table

Creates a regular HTML table containing the query result set.

Chart ID
sgvizler.visualization.Table
Source
 src/visualization/Table.js
Other similiar charts
Sgvizler/Chart/GoogleVisualizationTable

Query result set format

Any number of columns on any format. All values are treated as strings.

Chart options

Name Default Description
headings true Whether or not to include variable names as columns headers. Possible values: true or false.

See Sgvizler/Using, or the example(s) below, for how to set options.

Live Example

Query: List all countries sorted by population.

HTML

<div id="ex"
   data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/world"
   data-sgvizler-query="
       SELECT * 
       { [] a w:Country ; 
            w:hasName ?Name ; 
            w:hasCountryPopulation ?Population ; 
       } ORDER BY DESC(?Population)"
   data-sgvizler-chart="sgvizler.visualization.Table"
   style="width:400px; height:265px; border:1px solid black; display: inline-block; overflow: scroll;"></div>

The CSS style specification overflow: scroll; is set to shorten the height of the output.

Result

The result of the HTML above (left), and a google.visualization.Table rendering of the same query (right).


Notes

See Sgvizler/Setup for how Sgvizler is setup on this site.

Note that the query and visualization is ment to show the use of Sgvizler, and may not be the most appropriate way of illustrating this result set.

Feedback

Tickets

No results

User Examples and Comments

Users, please insert (links to) other examples of usage of this Sgvizler chart, or relevant comments here.