Scalable Vector Graphics
SVG external links
Note: If the sites below are not in a language you read, use a translation service like AltaVista to translate.
- SVG in action (SVG-powered Web sites)
- Code samples/examples
- Tutorials/courses
- Tools for SVG authoring and exporting
- SVG discussion groups/bulletin boards
- General or introductory articles
- Technical articles
- Articles, tutorials, and links in languages other than English
- SVG and related W3C technical specifications
- Links to SVG sites
- Unicode links
SVG in action (SVG-powered Web sites)
- Burning Pixel An ambitious look into the future of SVG
- carto.net Papers and Projects
- Chemical Markup Language displayed as SVG (Department of Chemistry, Imperial College of Science, Technology and Medicine)
- Collins Software GIS and non-GIS visualization
- dbxgeomatics.com Site with articles and map gallery
- Fireworks (SVG Celebration)
- Historical maps of the world
- Iguana Studios
- Japanese (Hiragana) characters test (kenjikojima.com)
- Karlsruhe map (gis-news.de)
- Kevlindev.com Games and samples
- Mathematics and statistics tutorial (Pilat Informatique Educative)
- National Cancer Institute's cancer mortality charts
- Pinkjuice.com An SVG art gallery
- POSC WellLogML project Display of oil drilling data
- Département du Sèvre-et-Maine Cartographie
- SVGMagic.com SVG demos
- USByte.com Animated computer technical diagrams and schematics
- WPS Energy Real-time control application
- XML.com SVG/XML enabled parts diagrams
Code samples/examples
- endsite.com Artistic uses of SVG
- K.Yip Associates Demo with Asian characters
- MecXpert visualization of transformations
- UML diagrams in SVG (objectsbydesign.com)
- Taedium Experiments in SVG animation
Tutorials/courses
- Doing it with SVG (Web Developer's Virtual Library)
- Iguana Studios tutorial (Also by Micah Laaker at SVG Basics)
- Kevlindev.com Advanced SVG tutorial
- SVG tutorial (Nilo Stolte)
- Scalable Vector Graphics: The what and the how (WebReview)
Tools for SVG authoring and exporting
- Adobe® GoLive®
- Adobe Illustrator®
- Tips for using Adobe Illustrator for SVG (Iguana Studios)
- Barcode Generator
- Batik SVG Toolkit
- Cad Standard Pro now writes SVG
- CR2V Raster to vector converter, with SVG export
- dbxgeomatics.com MapInfo Professional SVG export
- Drawfiles conversion on RISC OS to SVG
- EPD An encapsulated vectorial graphic format
- Export ArcView shapefiles to SVG (carto.net; open source)
- Grace Gallery
- Perl, SVG-PL (Electronic Publising Research Group, University of Nottingham)
- Convert Windows metafiles to SVG
SVG discussion groups/bulletin boards
General or introductory articles
These are introductory technical articles or strategic high-level articles. The introductory articles require no previous knowledge of SVG.
- An introduction to Scalable Vector Graphics (XML.com)
- Sun developer connection: Introduction to SVG (sun.com)
- SVG brings fast vector graphics to Web (irt.org)
- SVG coding (IMS Web Tips)
- Scalable Vector Graphics (WebTechniques)
- Sneak peek at SVG (Webmonkey)
- 11.951's intro to SVG (MIT)
- Cool graphics in XML (Network World Fusion)
- XML worth a thousand pics (Network World Fusion)
- Ready for animation (Network World Fusion)
- Wrapping up SVG (Network World Fusion)
These strategic, high-level articles are aimed toward Web designers, CIOs, or managers.
- The creative toolbox: Open-standard upstart SVG takes on Macromedia's SWF
- Extensible graphics with SVG (oreillynet.com)
- A family affair: XML-based rendering languages (XML.com)
- Get swift at 3D (WebTools.com)
- Graphics for gadgets (Business 2.0)
- Introduction to Scalable Vector Graphics with Steve Mulder (WebReview.com)
- SVG: The big next thing (ZDNet Developer)
- SVG: The future Web format (www.designer-info.com)
- The SVG beast (Builder.com)
- SVG moves closer to standard status (ZDNet eWeek)
- W3C advances shrink-to-fit graphics technology (CNET News.com)
- SVG, How did we get here? (IMS Web Tips)
- SVG in the marketplace (IMS Web Tips)
- The SVG method (IMS Web Tips)
- SVG. Being prepared (IMS Web Tips)
Technical articles
These in-depth technical articles require the ability to read source code and technical interfaces.
- Bring dynamic JavaScript interactions to SVG graphics (Inside Web Development)
- Create dynamic Web graphics with SVG (Web400.com)
- Creating SVG with Perl (XML.com)
- Generating SVG images with PHP (Zend)
- How to use SVG to display wireline log data (Henderson Petrophysics; Brisbane, Australia)
- Integration by parts: XSLT, XLink & SVG (XML.com)
- JSP and SVG (sun.com)
- SVG: Putting XML in the picture (Graphic Communications Association)
- Zvon SVG On-Line Reference Manual (zvon.org)
Articles, tutorials, and links in languages other than English
- carto.net Papers and Projects (deutsche, français)
- Le langage SVG, un cours (euroclid.fr; français)
- La cartographie dynamique sur le Net avec SVG (français)
- Génération de graphiques SVG par PHP (français)
- Mathematics and Statistics tutorial (français; Pilat Informatique Educative)
- Deutsche Links (deutsche; gis-news.de)
- Einige Beispiele für SVG-Grafik (deutsche)
- OIO Akademie: Deutsche Seminar (deutsche)
- Introduccion al Scalable Vector Graphics (español)
- Toshirou Takahashi's tips and more tips (Japanese)
- Takesato.com SVG Developer's Center (Japanese; includes list of Japanese SVG links)
- SVG Spletni opisi slik (Slovenia)
- Introductory SVG article (Chinese)
SVG and related W3C technical specifications
- SVG Specification
- SVG news
- XML Spec
- XML home page
- Document Object Model home page
- DOM Level 1 Spec
- DOM Level 2 Spec
- DOM Level 3 Spec (draft)
- Cascading Style Sheets home page
- CSS1 Spec
- CSS2 Spec
- CSS3 Spec (draft)
- SMIL animation specification
- Web Accessibility Initiative: SVG Linearizer
- Accessibility features of SVG W3C Note 7 August 2000
Links to SVG sites
- Silicon Publishing Links and an FAQ
- SVG @ MecXpert
- SVG Resources (Web Developer's Virtual Library)