SMWCon Spring 2013/Semantic Result Formats/Presentation
From semantic-mediawiki.org
< SMWCon Spring 2013 | Semantic Result Formats
SMWCon Spring 2013Semantic Result FormatsSMWCon Spring 2013/Semantic Result Formats/PresentationSMWCon Spring 2013/Semantic Result Formats/Presentation/Slide 0
Jump to:navigation, search
Loading...
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 0
Semantic Result Formats 1.8
YESLoading...Short url: http://bit.ly/srf-18
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 0.1
Changes since SRF 1.7
YESNew in 1.7.x New in 1.8 - tree, ultree, oltree (written by Stephan Gambke)
- JitGraph (still in alpha, disabled by default) (written by Alex Shapovalov) (bug 32877)
- filtered (still in alpha, disabled by default) (written by Stephan Gambke)
- valuerank (written by DaSch)
- D3Line, D3Bar and D3Treemap (written by mwjames, replaced in SRF 1.8 with d3chart format)
- slideshow (written by Stephan Gambke)
- listwidget (bug 37721, I54660c15) (mwjames)
- sparkline format (I911862ce) (mwjames)
- timeseries printer (Ibad00690) (mwjames)
- d3chart format (I4baa7df8) (mwjames)
- jqplotseries format (I3c8847aa) (mwjames)
- jqplotchart format (I3c8847aa) (mwjames)
- incoming format (Ie5be9196) (mwjames)
- syndication feed (atom, rss) (bug 38636, Ia3cdc243) (mwjames)
- dygraphs chart format (Ibac4b753) (mwjames)
- event calendar (Iaff44b71) (mwjames)
- earliest format (written by Jeroen De Dauw, Nischay Nahata)
- latest format (written by Jeroen De Dauw, Nischay Nahata)
Extended in 1.8 Retired with 1.8 - tagcloud format (I6920ae49, bug 38094) (mwjames)
- gallery format (bug 38184,bug 38357, I7c49a644) (mwjames)
- jqplotpie
- jqplotbar
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 0.2
Semantic Result Formats activities
YESLoading...
SRF-Activities-Oct-2012-1
SRF-Activities-Oct-2012-2
SRF-Activities-Oct-2012-3
SRF-Activities-Oct-2012-4
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.1
jqPlot
YESLoading...
Srf-format-jqplotseries-bar-group-prop
Srf-format-jqplotseries-bar-group-sub
Srf-format-jqplotseries-bubble
Srf-format-jqplotseries-donut-group-prop
Srf-format-jqplotseries-horizontal-stackedbar-group-prop
Srf-format-jqplotseries-line-group-prop
Srf-format-jqplotseries-scatter-1
Srf-format-jqplotseries-scatter-2
Srf-format-jqplotseries-smoothline-group-prop
Srf-format-jqplotseries-stackedbar-group-prop
Srf-format-jqplotseries-stackedline-group-prop
Srf-format-jqplotseries-tableview
- jqplotbar and jqplotpie have been re-factored and consolidated
- More powerful implementation for 1-array (jqplotchart format) and n-array (jqplotseries format) data
- Support of predefined color schemes and grid themes
- Supports 20+ variable options to customize the charting appearance
- Current jqPlot version is 1.0.4
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.1.0
jqPlot printer features list
YESFeature jqplotchart jqplotseries Summary Basic charting using a simple data model that represents (aggregated) numerical data and keep compatible to the former jqplotbar/pie format Advanced plotting using different parameters to model chart series and its corresponding set of data Chart types Line chart 
Bar chart Pie chart 
Donut chart Bubble chart Scatter plotting Stacked charts Others In-chart zoom Trendline generation Distributive data sets Help:Gridview support - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.1.1
jqplotchart format
YESLoading...Loading...Loading...Loading... - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.1.2
jqplotseries format
YESLoading...Loading...Stacked series
Loading...Loading...Donut and scatter plot
Loading...Loading...Bubble chart
Loading...Different grouping (same data sets)
... further results Loading... - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.1.3
Colorschemes
YES- 30+ predefined schemes
- Shared by jqPlot and D3 SRF implementations
Some examples
Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading...Loading... - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.2
Dygraphs format
YES- High performance series charting using the dygraphs JavaScript Visualization Library
- 10k+ data points support for the display of dense data sets
- Data can be loaded through an uploaded File, raw WikiPage, or via an URL
- Data sets are in CSV format with data classified as notable (annotations) stored using property/value pairs
- Support the display of error bands, standard deviation, or fractions
- Support of in-chart interactivity such as zoom, series toggle and adjustable moving average
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.2.1
Dygraphs example (hi/low bands)
YESLoading...User instructions
HOVER over the graph to display values for specific dates
CLICK AND HOLD on the graph to zoom in on a specific date range
DOUBLE CLICK to reset the default date range
Use the INPUT BOX to adjust the moving average span
Use the CHECK BOX to specify the scope of the series shown - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.2.2
Dygraphs format (10k data points)
YESLoading... - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.2.3
Dygraphs format (multi-series)
YESLoading... - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.3
Sparkline
YES- Inline charts
- Used for for in-text trend and table charting
- Tooltip support
Examples
Chart type Example Bar chart Loading...Discrete chart Loading...Line chart Loading...Pie chart Loading... - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.4
D3 Chart
YESLoading...
Srf-format-d3-chart-bubble
Srf-format-d3-chart-treemap
- D3 chart as simple show case on "how easy" it is to integrate D3.js with SMW
Why D3.js
- Category:D3 examples library is able to allow responsive charts and extend interactivity
- Is based on HTML, SVG and CSS manipulation
Future
- More formats to use the D3.js library
- More complex visualizations planned as D3 graph including forced-directed graph, dendrograms (tree like visualization), sankey diagrams, chord diagram or node-link trees etc.
Help wanted!
- Get engaged, make a suggestion here and help improve variety of visualizations available in connection with SMW
Examples
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 1.5
Timeseries
YESLoading...
Srf-format-flot-timeseries-01
Srf-format-flot-timeseries-02
- Timeseries format is using the flot charting library
- Used for displaying of continuous time series
Examples
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 2.1
Gallery
YESIntroduced with 1.7
- Gallery images displayed as carousel
Introduced with 1.8
- Gallery images displayed as slideshow (used in this presentation)
- Support redirects to a different target other than the image itself
- Support images being presented as an overlay (displayed as fancybox like overlay)
Examples
- Gallery/Carousel widget
- Gallery/Redirects
- Gallery/Slideshow widget auto navigation
- Gallery/Slideshow widget default navigation
- Gallery/Slideshow widget default navigation with image redirects
- Gallery/Slideshow widget default navigation with overlay option
- Gallery/Slideshow widget pager navigation
- Gallery/Slideshow widget using the class parameter
- Gallery/Standard gallery
- Gallery/Standard gallery displaying images using the overlay option
- Gallery/Standard gallery showing further results link
- Gallery/Standard gallery using parameter captionproperty
- Gallery/Standard gallery using parameter imageproperty
- Gallery/Standard gallery with redirects
Gallery/ - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 3.1
Tagcloud
YESLoading...
Srf-format-tagcloud-wordcloud
Srf-tagcloud-alphabetical
Srf-tagcloud-sphere
Srf-tagcloud
- Add template support
- Sphere widget showing tags as sphere (also known from the Wordpress as cloud)
- Wordcloud widget (D3.js based) displaying tags as cloud of words in an alternating 90 degree angle
Examples
- Tagcloud/Basic tagcloud
- Tagcloud/Basic tagcloud using a template
- Tagcloud/Basic tagcloud with links
- Tagcloud/Tagcloud embedded in text using a class parameter
- Tagcloud/Tagcloud using the sphere widget
- Tagcloud/Template and the tagcloud sphere widget
- Tagcloud/Wordcloud embedded in text
- Tagcloud/Wordcloud widget, tags with links
- Tagcloud/Wordcloud widget, tags without links
Tagcloud/ - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.0
Syndication feed printer
YES- Coherent output of RSS and Atom feeds
- Simplified integration
- No custom code, integration and use of MW's Feed class
Examples
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.1
Event calendar
YES- Integrates the fullcalendar.js plug-in
- Dynamic change of month, week, day and agenda view
- Support for individual event colors and icons
- Available internationalization provided through translate.wiki
- Scheduling options to display calendar start (current, earliest, latest)
- Event tooltip support for the month/week view
Example
- Next page ...
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.1.1
Event calendar
YES - SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.2
Listwidget
YESLoading...
Srf-format-listwidget-alphabet
Srf-format-listwidget-pagination
- Listwidget adds navigation control to queried lists
Examples
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.3
Pagewidget
YES- Help:Pagewidget format allows to concatenate embedded pages
- Adding a navigation control that can be used to create a slideshow
Examples
- Jeroen De Dauw/Single Responsibility Principle
- Jeroen De Dauw/Static: The S in STUPID
- SMWCon Fall 2012/Developing SMW (extensions)/Presentation
- SMWCon Fall 2012/Improvements in SQLStore3/Presentation
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation
- SMWCon Fall 2012/Semantic-MediaWiki.org/Presentation
- SMWCon Spring 2013/Semantic Result Formats/Presentation
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.4
Incoming format
YESLoading...
Srf-format-incoming-example-1
Srf-format-incoming-example-2
Srf-format-incoming-example-3
- Incoming format informs about incoming properties on queried pages
- Uncover potential relationships (incoming properties) for an entity (page, query etc.) without explicitly knowing of their existence
- Template support
Note
- Deactivated by default
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 4.5
Gridview
YESLoading...
Srf-format-dygraphs-csv-data
Srf-format-dygraphs-series-visibility-tooltip
Srf-format-jqplotseries-tableview
Srf-util-tableview-quicklink
- Gridview is a SRF plug-in that displays chart and data sets simultaneously
- Table data are displayed using jqGrid
- Integrated with jqplotseries, dygraphs, and timeseries
- Features a direct link "[+]" to the original Special:Ask query
Examples
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 5.0
Extending result printers
YES- Writing result printers for some starting guidelines
- SRF boilerplate implementation is available under
.../formats/boilerplate/(PHP and JS implementation example) together with the Boilerplate guideline enables developers to jump start a result printer implementation
Note
- Experience showed to avoid Java as plug-in platform as its less supported on mobile and causes issues in terms of a formats maintainability
- Avoid plug-ins where licensing terms in educational or commercial settings posses potential issues
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 5.1
Planned result printers
YESStatus on other formats
- Stephan can give an update on tree, ultree, oltree, and filtered format
- JitGraph is deactivated by default and needs refactoring in order to work with SRF 1.8+ (some work has been done but has not been merged)
Planned result printers
- Datatables format is forthcoming
- Integrating Pivot.js to enable pivot table support
- Gantt support integrating jquery.gantt
- jStat integration as statistical library is planned to be available
- Extend available jqPlot chart types
- Extend D3chart with histogram, add D3 graph
- Several of the above mentioned printers could be made available with SRF 1.9 but it all depends on your help ...
- SMWCon Fall 2012/New features in Semantic Result Formats/Presentation/Slide 5.2
The future of Semantic Result Formats
YES- Dynamic adoption of query results without reloading the entire page content
- A generic Ajax interface
- More generic printer implementations (more abstract, less format bound)
- Property specific context to enable access to specific result printers
