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

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

source:misc/image/screenshot/gMotionChart.png

Google Motion Chart

Draws a motion chart---a dynamic chart to explore several indicators over time. Display data as a column chart, bubble chart, or a line chart.

Chart ID
google.visualization.MotionChart
External reference
 https://developers.google.com/chart/interactive/docs/gallery/motionchart
Other similiar charts
Sgvizler/Chart/GoogleVisualizationAnnotatedTimeLine
Sgvizler/Chart/GoogleVisualizationAreaChart
Sgvizler/Chart/GoogleVisualizationBarChart
Sgvizler/Chart/GoogleVisualizationBubbleChart
Sgvizler/Chart/GoogleVisualizationColumnChart
Sgvizler/Chart/GoogleVisualizationImageSparkLine
Sgvizler/Chart/GoogleVisualizationLineChart
Sgvizler/Chart/GoogleVisualizationMotionChart
Sgvizler/Chart/GoogleVisualizationScatterChart
Sgvizler/Chart/GoogleVisualizationSteppedAreaChart

Query result set format

3--n columns:

  1. Label
    Datatype: Any?
  2. Time value, e.g., year, date, week number, quarter
    Datatype: See Google's page.
  3. Y-axis values or colors.
    Datatype: If Number, then the column represents a value. If string, then the column represents a series (and a color)
  4. ... and so on.

See  Google's page on this chart for more details.

Chart options

See  Google's page on this chart for all available options.

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

Live Example

Query: The production of oil per year per field.

The name of the field is set as the first column, the year to the second column (casted into a number) and

HTML

<div id="ex"
   data-sgvizler-endpoint="http://sws.ifi.uio.no/sparql/npd"
   data-sgvizler-query="
        SELECT ?field xsd:int(?year) ?Oil_millSm3
        { ?period a npdv:FieldProductionPeriod ; 
              npdv:hasField [ npdv:name ?field ] ; 
              npdv:year ?year ; 
              npdv:producedNetOilMillSm3 ?Oil_millSm3 ; 
              OPTIONAL{ ?period npdv:month ?month } . 
              FILTER (!bound(?month)) 
         } ORDER BY ?field ?year" 
   data-sgvizler-chart="google.visualization.MotionChart"
   style="width:400px; height:265px; border:1px solid black; display: inline-block;"></div>

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.