logo

NEW

September 2007

Geoff Whale has added an extension and some fixes to the autozoom map and image viewer. See changes in the README file of the zip package.

September 2007

SVG Fonts, a new category, has been created. The SVG logo, designed by Harvey Rayner, has been ported to the SVG Font format. The SVG Logo font is a zip package containing the font file, a file with examples and the Creative Commons License. The font is under development and contains six basic glyphs. At present, the SVG Fonts specification is implemented in Opera and ASV.

Compatibility:OperaIE

August 2007

The library has been enriched with a GUI under LGPL. Presented at the SVG Open 2007 in Tokyo it was found by some to be the fastest and best looking SVG GUI. It's a fully featured, integrated multi-windows system that's extremely simple to adapt to your needs and is suitable for presentations as well as complex interactive projects (maps, scientific, educational). It is presented with an example of a basic non interactive application and detailed instructions are given on how to replace the contents with your contents, which is as easy as pasting in your own SVG documents. A standalone version is also provided.

Compatibility:OperaFFIESafari

WELCOME

And a big THANK YOU to those users of the library who drop me a couple of nice lines.

At its birth this SVG space was only meant to be a showcase of my SVG work, art and commercial implementations. It has now integrated a new space called library where you will find a collection of utilities and widgets with their fully commented scripts covering important, and less important, needs of the SVG developer.

Care has been taken so that designers with little scripting knowledge shouldn't encounter difficulties while trying to integrate them within their SVG documents. The scripts can be considered as totally independent modules needing no hard coding of variable values, whenever possible. Most of them are associated with inner SVGs that can be easily nested without altering the structure of the hosting SVG document.

It seems clear that many designers and programmers do not actively cooperate on projects, except for discussions, and prefer to face alone all the aspects of the development. It's also clear that for a successful deployment in the long run, the SVG community needs both. Some designers legitimately are striving for development independency but don't necessarily have time or desire to dive into programming. This library of modules may help them partially fill the gap. Some programmers might want to use these scripts for their ergonomics.

I'll try to make this library grow at a reasonably sustained rhythm, hoping you will enjoy the benefits and be able to take advantage of this initiative.

Domenico Strazzullo
SVG consultant

DEMOS

Volumex
technical drawing of a Roots type compressor. Declarative animation.

Car
essay with polygons, patterns and gradients.

Gearobolo and Gearoboli
two artworks created for the KDE 3.4 wallpaper competition made in collaboration with designer Jayne De Sesa. Nothing transcendental, just SVG wallpapers. For evaluation purposes the color shifts in these versions make a complete cycle in 2/4 min, the final versions being 1/4 hours. Gearobolo is a projection of Myron's Discobolus, 450 b.C.

Gallop
horse in motion. Faithful reproduction. Declarative animation.

Dr Fifty
meet doctor Fifty. Art. Declarative animation.

SS 11
animated landscape from a travelling experience. Declarative animation.

SCD II
second episode of Stick's computed dream. Interactive game. Declarative animation and script.

Color wheel
simulation of a classic optical experiment. Declarative animation and script.

SCD
stick's computed dream. a short, animated story. Declarative animation and script.

Image pop-up
picture distortion. All declarative. Photo courtesy of Paula Gillen ©

Glass globe
filters. Dramatic lighting controlled by collapsible, resizable interface. Declarative animation and script.

PRODUCTS

Codetronix project
The company's specifications required the building of a subsystem of interactive windows with current features like zooming, scrolling, displacement, collapse, maximize, menus, debugger like functions, etc., which resulted in building a mini operating system and grafting it onto a pre-existing application. The application allows engineers to monitor programming procedures happening in parallel in microchips.,A key feature is the possibility of opening new windows: the program running in the microchip can present several thousands of procedures, with events activity taking place in parallel in different channels at a given time. The monitoring engineer must be able to simultaneously visualize procedures in a time zone other than the current or to check events taking place in procedures not currently shown. A demo will be available soon.

Corio project
The company's specifications required a vector based, interactive graphical interface that would allow the managers to consult the monthly results of the individual shops of several commercial centers. SVG was the perfect soultion. The accompanying script draws the data from a database using JavaServer Pages technology. Features include thematic, as well as global, data display; bar charts; classes; layers selection; full feature zoom and pan; help. Note for developers: Feel free to use routines from this code, not without giving credit to the author, thank you. Dotuscomus, Inc. holds the intellectual property of its copyrighted creations and the use of this complete svg+js work, in its actual form, for other commercial implementations without prior agreement with the author, is expressly prohibited. Previews no longer available on the company's demand. A fake build will be available soon.

Pat Oleszko
An internationally acclaimed performance artist whose work allowed the creation of a site as surprising as her inflatable sculptures. The biggest task was to make the site a reflection of the eccentric nature of the artist. It was entirely made in SVG and, to our knowledge, it is the first published third party SVG web site. Many thanks to Pat for accepting the challenge.

LINKS

Following these links you will find everything you may possibly want to know about SVG. Some of these sites have been around for quite a while, pioneers of the SVG community, establishing themselves as a reference. The information offered is exhaustive, to various extents.

svg wiki
svgx.org
svgi.org
kevlindev.com
scale-a-vector
svg.org
faq
svg.startpagina.nl
svgeneral.com

VIEWERS

SVG is implemented natively in Opera and Firefox browsers. To this date these implementations are not quite complete. For Internet Explorer, as well as other browsers, the Adobe ASV plugin is available. Safari on OSX can render SVG with Apple Webkit (not finalized) or more satisfactorily with the Adobe ASV viewer (SVG view carbon v3.0x76), although not officially supported.

Adobe SVG viewer  recommended

Corel viewer

Available plugins and native implementations

Updated: April 30 2007