SVG Now a W3 Recommendation
Bob_Juanita writes: "The W3C has finally made the Scalable Vector Graphics (SVG) format an official recommendation." I'm looking forward to this - SVG looks to have a lot of potential for web development. Easy, dynamic, scalable graphics from database data - nice.
Yes, an assembly product like this exists. It's been around for a quarter of a century. It's called "C".
--- "If a man speaks in a forest, and no woman hears him, is he still wrong?"
Okay, so what are the best tools to use? I know Mozilla has an SVG plugin for _displaying_ vector graphics, but which drawing programs have good support for saving and loading in this format?
-- Ed Avis ed@membled.com
Flash SWF format already has widespread installation... SVG has about 0%.
The SWF format is already open standard, letting Flash vector animation files be created by anybody who is willing to create a program for it. There are a number of such programs available, including several open source linux varieties...
Flash SWF also has very powerful Object Oriented programming features available with Actionscript. You can do amazing things with it, especially for custom applications.
Don't get me wrong, I think most of the Flash used currently is wasteful, annoying crap! But there are some really great applications of Flash that I have seen, and many more are emerging.
Have you ever tried to make dynamic web-based applications that run in a browser using javascript, java, DHTML, etc? Almost impossible to get anything that runs cross-browser/platform without writing multiple versions of it.. FLASH works great on Netscape, Explorer, Linux, PC, Mac, etc.
Flash already supports XML data transfer and when used in conjunction with a Database on the webserver, *powerful* apps emerge! For any application involving more than static text on a screen, Flash excels...
I didn't feel this way a few months ago, I just thought flash was annoying for animations... ..then when i looked into Flash to solve some web-based app problems I was having with cross-broswer DHTML, etc, I was convinced! Properly used Flash is great!
So why use another standard proposed as SVG when there is already a great vector graphic system available that has lots of features: O.O. scripting, XML, huge user base, cross-platform compatibility?
www.Beyond7.com Insane modern art water sculpture.
I hope this new standard has a compressed version like DisplayPostscript. XML is nice, but all of those chew up bandwidth.
SVG Enjoys Broad, Continued Industry Support
Correct me if I'm wrong, but not a single current browser supports the format natively.
Of course "Adobe is very pleased that the SVG specification has been officially approved as a W3C Recommendation. SVG is a fundamental element of Adobe's Network Publishing strategy." You must download their flaky, propietary, plug-in. To even check it out...
Guvegrra?
Direct link to the gallery mentioned above.
-ictatha
"... the advance of civilization is nothing but an exercise in the limiting of privacy" - Janov Pelorat
I'm sick to death of getting maps and charts as honking big ugly GIFs. They invariably come off looking poorly on screen, printing them out only makes their 72 DPI origin more uglily apparent, and just suck up bandwidth. Finally at 256 colors and without embedded gamma they're always off visually to some large percentage of folks.
PDF's were touted as a replacement but that format has become overloaded with gadgets and dubious features, the plug-in is enormous and invariably buggy plus only works on a few platforms. Also aside from Apple creating their own implementation for MacOS X (Quartz) I don't know of any second source for the technology other then Adobe.
SVG is far lighter weight and far more accessable, now the question is when will decent plugins arrive and how soon 'till support is built-in to the major browsers? Adobe's SVG plug-in just went to v.3beta for a few platforms but I've been unable to find anything open (in either sense) or more cross-patform yet.
Finally my fear is that SVG will become like PNG - a great format that's poorly supported in differently broken ways so it's just not worth the hassle. Does anyone have any insight on how easy/hard SVG support will be to roll into tools & browsers, what producers of such tools timelines are?
I don't read ACs: If a post isn't worth so much as a nom de plume to its author then I wont bother either.
The Effects of a W3C SVG Standard:
Positive: Flash plugin will eventually no longer be needed for vector
graphics as a key set of vector standards will be integrated with browsers.
Ensuring that fonts are on the users system will no longer be an issue.
Font embedding can be standardized.
Negative: Netscape and IE will both bring "enhancements" to the base SVG
models. Of course none of those "enhancements" will be present in BOTH
browsers. IE will allow for basic SVG 3d shapes, though no applications
will currently support the creation of those shapes. IE will also allow for
very loose coding to create the SVG shapes. If you accidentally put a
single co-ordinate set into your file, IE, instead of telling you that there
is a stray point. Will assume that you wanted to create a MSN logo and
subsequent link to MSN.Com. Microsoft Word will support SVG export,
including in the source file a bunch of code that noone has any bloody idea
where it came from, what it is supposed to do, or how to get rid of it.
Thirteen years later, Microsoft will take over the US Government and we will
find out that the "miscellaneous code", has been stealing our personal
information for years. Microsoft will call it "A bug". Netscape, on the
other hand, encountering a stray co-ordinate pair, will assume that the
"clean-coding" standards of the internet development community are going
straight to hell in a hand basket and that the world is coming to an end.
"That being the case," it will logically decide, "this poor bloke is about
to meet his maker and doesn't need to be squandering his last few minutes
with his peepers fixed on a computer monitor now does he? Best he be off to
the local pub for a pint or two while he still has the chance". Netscape
will them proceed to crash your operating system. Netscape will also do
wonderful little tricks like incorrectly display circles as parallelograms,
Render every font as 16 point Times New Roman, and completely leave out the
bottom half of your document for some obscure reason that you will spend 13
weeks trying to track down before you finally come to the conclusion that
"There really aren't that many Netscape users out there anyway". AOL will
just compress the heck out of everything it encounters and render every SVG
image as a Dot.
Insignificant: Someone somewhere on a UNIX machine will be writing Plain
Text news articles about how SVG is the worst threat to web usability since
the invention of JPEG compression. They will urge the development community
to avoid SVG because compatibility will still not be standard across all
computers. They themselves will be ample proof of this fact only because
their 28.8k external modems will not facilitate the download of the newest
version of Netscape (God forbid a UNIX user should install IE) and even if
they could get it installed, their 16mhz 1987 computer wouldn't know how to
run it. The general population will promptly ignore these articles as they
click yet another accidentally generated MSN logo link, leaving the insecure
author to return to Usenet and his IRC client.
Random Musings
Appendix J: Minimizing SVG File Sizes
marotti.com
Browsing SVG
The only browser plug-in for SVG right now is Adobe's, and it only works in NS4 and IE5 for Mac and Win32. However, there is a rapidly-developing Win32 SVG-savy branch of Moz by Alex Fritz. No text support yet, alas, but the author suggests that it should be easy to port to other platforms.
Generating SVG
Sodipodi is a Win/Linux vector graphics program with SVG at its heart -- well worth a look. Sketch runs in Python and includes SVG in its import/export set. I've had good luck transforming complex Illustrator diagrams into SVG using Sketch.
On the Win platform, I'm quite fond of Jasc WebDraw; it's in beta and a fully functional demo is provided.
Finally, the versitility of the Batiklibrary is staggering. Written in Java, it includes a viewer, transcoders to png and jpg and a very cool Graphics2D implementation. The latter allows anything graphics that can be drawn to a java G2D panel to be instead output as SVG. This is a great way to get font dimension info for precision layout of SVG, as we've done building dynamic timelines at the Historical Event Markup Project.
Does anybody know if SVG addresses CAD vector files? If not, could it be adapted? It sure would be nice to have a "blessed" standard other than the proprietary (AutoDesk's AutoCAD) .DWG.
There is no need to use a SlashDot sig for SEO...
And support is pretty good -- XML libraries are bountiful, and reading/writing SVG won't be too painful (now knowing what to do with that data once you've read it is another story....).
Pretty cool stuff in my opinion.
Care about electronic freedom? Consider donating to the EFF!
Correct me if I'm wrong, but not a single current browser supports the format natively.
Most browsers did not support PNG's natively until their 4.0 versions. Tables until 2.0, etc...
Undoubtedly, incompatiable version of SVG format will make it into IE 6.5 or 7.0 and Mozilla 9.3.4... if Moz ever gets that far.
The next Slashdot story will be ready soon, but subscribers can beat the rush and slashdot the links early!
Would any of you use Dreamweaver without being able to view and edit the source? So why would anyone create vector animations in Flash without being able to view and edit the source?
SVG code is a little verbose, but very human readable. Check out a preview version of WebDraw: http://www.jasc.com/webdraw.asp One can also view source of online SVGs; fun.
It's XML, so parse/manipulate/generate it with any of your favourite XML tools in any of your favourite programming languages. XML content can be transformed to visual versions for different environments."
ort orAnimations"
in the Flash/SWF world?)
(how fast can you say "QuickJugglingMarkupLanguageViaXSLTtoSVGAnimation
"myOwnSlideshowMarkupLanguageViaRubyOrPythonToVec
Since dynamic generation is so convenient, and SVG is a truly high quality format, you can internationalize and personalize content without too much fuss, using all the open source technologies that don't even have to know about SVG. It has Unicode, it's own font format, is searchable and indexable, and works well with CSS, XSLT, RDF, later SMIL and XForms. I'm trying to avoid the word "professional", but don't succeed.
Give it a try, check the spec (not to say RT*M)), and basically have great fun.
The spec: (pretty readable)
http://www.w3.org/TR/SVG/
W3's SVG page:
http://www.w3.org/Graphics/SVG/
More links: (mine)
http://www.pinkjuice.com/SVG/SVGlinks.htm
peace, love, respect
I don't agree that the SVG viewer is flaky: the implementation is proprietary, but SVG itself is an open standard and this free software lets one "View Source" which alone far surpasses Flash: the "View Source" aspect of HTML is in large part responsible for its success as a language authored effectively by a large number of people.
The Adobe Viewer is only one of many ways to enjoy SVG. The Batik project is a fantastic Open Source implementation.
There is a Mozilla build by Alex Fritze that facilitates inline SVG (something that the Adobe Viewer is just starting to support in IE). That is an example of a "single current browser supporting SVG natively"... of course it's not yet in the main Mozilla build.
But SVG is not just for browsers: it can run in applications and on the server. It is far more than just a replacement for Flash...
Max
I've been playing with SVG for a few months now, and I've been having a lot of fun with it. Some friends and I are using it as our format for an online comic (not yet ready for public consumption). The file sizes are much smaller than with raster-based image files, the images are larger, the resolution is beautiful, and there's more interactivity. I suppose the same could be said of Flash, but I've never used it. I'm also creating some templates for text bubbles, frames, etc., to help other get off the ground with their own comics. Another cool feature of SVG is the searchable (and copy/pastable) text (with embeddable fonts!), which I plan to make use of for a site search engine.
;-). Since it's all XML, the same data can be displayed in a variety of different chart styles, rendered client side (or, if absolutely neccessary, rendered server-side and converted to raster), using chart templates sent down with the data. The pages are super-quick, and the hits on our servers would be knocked way low, since the same data would be manipulated client-side. With Adobe's aggressive distribution of their viewer plug-in (sadly, not yet onto *nix system--kick up a stink!), I'm confident that SVG will be a major contender.
I'm also trying to convince my company to use SVG to generate charts for our website (and maybe even our PC app); I've made a simple chart generator, and the results are gorgeous (much better than with the buggy, overpriced charting package we currently use). I think I'm starting to wear them down...
I'm currently working on a small map of my home town, with details filled in as you zoom down. Searchable street and business names, all that jazz. Pretty cool.
I know that we have actually been using SVG for some time on one of our production sites. But we have been looking into other alternatives such as flash generation.
So it's good to finally see that this might become a standard. Now, when will IE and Netscape support it?
I do everything the voices in my head tell me to...
And just to note in the new verson of RISC OS, the ARM based operateing system the !Draw program will be able to export SVG in the near future.
To those who are predicting SVG's demise, I have several comments.
The Glass is Too Big: My Take on Things
A concern in the Flash community is the stealing of ones work. How can you protect your work from theft or copying in SVG? It's all text!
Maybe SVG will just be for open projects where there isn't a concern for protection?
[SVG] looks like it would be a pretty cool thing. But then, so did VRML (I thought). What ever happened to VRML? And will the same thing happen to this?
Duct tape, XML, democracy: Not doing the job? Use more.
Yeah yeah, SVG now an official recommendation.
Call me when mozilla supports it. Even stuff like CSS is still not used pervasively for web design, and how long has it been since it reached 'W3C Official Recommendation' status?
I gots ta ding a ding dang my dang a long ling long
Find free books.
PDF was never intended to be a format for displaying graphics in a web page, and likewise it doesn't sound like SVG is intended to compete with PDF as a format for books and articles.
but that format has become overloaded with gadgets and dubious features, the plug-in is enormous and invariably buggy
Just because Acrobat Reader 5.0, and the corresponding plug-in, are bloatware, that doesn't mean there's something wrong with PDF. By the same logic, Internet Explorer and Mozilla are bloatware, so there must be something wrong with HTML. The MacOS Preview app loads in a fraction of a second on my machine.
plus only works on a few platforms
What platform can't handle PDF? Windows, MacOS, and Linux are covered, although I believe only Acrobat Reader 4.05 is available on Linux, not 5.0.
Find free books.
I'm investigating some problems with document publication, single-source multiple input etc. where I work. SVG appears to have some of the solutions we're looking for. The customer is small enough that we can make the viewer a requirement. And what they do now is probably worse...but anyway. SVG was created out of needs/problems (and partly, like everything, because 'we can'). Those needs/problems mean a market and/or customers. And doing it cuz you can often creates a market (dot.bombs for example...fun while it lasted). Might be enough to carry it, might not be enough....I know I plan on giving it a shot to try and solve our problems. The fact that it's a spec helps me sell it as a solution.
But on another note...Adobe's download seems to be
Thanks,
Galego
Que Deus te de em dobro o que me desejas
[May God give you double that which you wish for me]
Amen! Preach it, Brother!
(OK, OK, I know that this is just a 'me-too', but that rant expresses so many 'truths'...)
deus does not exist but if he does