IEC 61850-6-2 Task Force Meeting 10/5/2017 Thu 11am-12noon(EST)

About SVG by Francis Hemsher

eXtensible Markup Language (XML) was designed to store and transport data. It is also both human & machine readable. XML became a W3C Recommendation in 1998.
example: <greeting from="Francis" >Hello, world!</greeting>

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files.

1.) What is an SVG Image?Shapes: Circles, Rectangles, Polygons, Ellipses, Polylines, Lines, Paths, and Text
2.) How to create an SVG Image?XML: Circles, Rectangles, Polygons, Ellipses, Polylines, Lines, Paths, and Text
3.) How to make an SVG Image Dynamic?Javascript + XML: Circles, Rectangles, Polygons, Ellipses, Polylines, Lines, Paths, and Text
4.) How to Animate an SVG Image?Javascript: Example: Polygons & Ellipse
Javascript can change any svg element's attribute via setAttribute() over any time interval.
5.) How to store information in an SVG Image?XML Attributes: Custom attributes attach data within an svg image
Javascript can monitor any svg element's attribute value via getAttribute().
6.) Why Zoom an SVG Image?Hole In The Middle Of The Sea: There's a flea on the wing on the fly on the frog on the bump on the log in the hole in the middle of the sea.
Zoomable Plot: Temperature vs Humidity vs Wind Speed
(StarMap.wiki) / The Universe: Ultimate SVG Zoom Challenge (scale=5 Trillion)
7.) Why SVG Images NOW?It has taken 20 Years...All Browsers include lightning-quick SVG display, plus immense power of Javascript.
Jon Ferraiolo of Adobe initiated SVG almost 20 years ago. About 3 years ago all browsers finally supported all features of SVG with powerful graphic engines. Also, during those 20 years, Javascript went from a weak scripting language to a juggernaut in controlling dynamic web content.
8.) How SVG Will Serve Your Purposes?You tell me.
Hints:) Support a standard of Control/Monitoring Symbols / (Spiral) & (AAVSO) / SVG symbols can be plotted in graphs
THE REAL DEAL
SVG can display line diagrams, dynamic plots/graphs, and status needed for HMI.
SVG can provide selections to change settings and control the process.
SVG can be linked to a control system vendor's database via an API to respond to data and its changes.
SVG, with all of it's dynamic features, can be viewed in the Browser: No plugins or executable programs required...The information SVG is showing is avalable to all.

Prediction: Vendors will soon migrate from their custom executables to a server/browser environment using SVG + Javascript at the Control Center.

Questions & Comments:

This file is online at svgDiscovery.com/HMI/Meetings/Oct05_2017.htm