Critical issues presentations/Dynamic SVG for Wikimedia projects: Exploring applications, techniques and best practice for interactive and animated vector graphics

From Wikimania 2016 • Esino Lario, Italy
Jump to navigation Jump to search
SdKfz 250-3 I (Neu) (3D-animated).gif
About this image
Bid Wikimania Esino Lario 2016 slides 07 SMIL.svg
About this image
Static slides
Submission no. 131
Title of the submission

Dynamic SVG for Wikimedia projects: Exploring applications, techniques and best practice for interactive and animated vector graphics

Author of the submission
Country of origin

United Kingdom of Great Britain and Northern Ireland

Topics

Outreach, Projects, Research, Technical

Keywords
  • SVG
  • Scalable
  • Vector
  • Graphics
  • dynamic
  • interactivity
  • animation
  • Wikimedia
Abstract

Though Wikimedia projects such as Wikipedia, Wikibooks and Wikiversity are excellent in describing concepts textually and graphically, some material is better explained interactively, such as when comparing members of a set or showing components of a system. We have been traditionally limited to video clips and GIF animations but now that Scalable Vector Graphics (SVG) is becoming well-supported in web browsers, I think it an opportune time to explore ways to enhance articles with dynamic SVG.

JavaScript or ECMAScript allow almost limitless interactivity, but uploads with it are barred for security reasons. Fortunately, SVG provides two other techniques for interactivity and animation: Synchronized Multimedia Integration Language (SMIL) and Cascading Style Sheets (CSS), each of which has its pros and cons.

I have explored applications, techniques and best practice for the last two years and contributed over 300 SVGs, some animated and interactive, and aim to create demonstrations and tutorials to allow users to create their own dynamic content. The specific areas of interactivity and animation I have identified are progressive disclosure, interactive timelines, tooltips, hyperlinks, and a simple 3D object viewer.

I believe the above Wikimedia projects stand to gain if I am given the opportunity to present my work at Wikimania 2016 to raise awareness in the community and meet potential collaborators.

Please see my proposal and samples of my work at http://en.wikipedia.org/wiki/User:Cmglee/Dynamic_SVG_for_Wikimedia_projects

Result

Accepted

Interested attendees and comments

Interested attendees: