SVG Essentials (O'Reilly XML) [Paperback]

J. Eisenberg (Author)

Book Description

Publication Date: February 12, 2002

Scalable Vector Graphics -- or SVG -- is the new XML-based graphics standard from the W3C that will enable Web documents to be smaller, faster and more interactive. J. David Eisenberg's insightful book takes you through the ins and outs of SVG, beginning with basics needed to create simple line drawings and then moving through more complicated features like filters, transformations, and integration with Java, Perl, and XSLT.

Unlike GIFs, JPEGs or PNGs (which are bitmapped), SVG images are both resolution- and device-independent, so that they can scale up or down to fit proportionally into any size display or any Internet device -- from PDAs to large office monitors and high-resolution printers. Smaller than bitmapped files and faster to download, SVG images can be rendered with different CSS styles for each environment. They work well across a range of available bandwidths.

SVG makes it possible for designers to escape the constant need to update graphics by hand or use custom code to generate bitmap images. And while SVG was created with the Web in mind, the language has a variety of other uses. SVG greatly simplifies tasks like:

• Creating web sites whose graphics reflect the content of the page, changing automatically if the content changes
• Generating graphs and charts from information stored in a wide variety of sources
• Exchanging detailed drawings, from architectural plans to CAD layouts to project management diagrams
• Creating diagrams that users can explore by zooming in and panning around
• Generating bitmap images for use in older browsers using simple automatable templates
• Managing graphics that support multiple languages or translations
• Creating complex animation

By focusing sharply on the markup at the foundation of SVG, SVG Essentials gives you a solid base on which to create your own custom tools. Explanations of key technical tools -- like XML, matrix math, and scripting -- are included as appendices, along with a reference to the SVG vocabulary.

Whether you're a graphic designer in search of new tools or a programmer dealing with the complex task of creating and managing graphics, SVG Essentials provides you with the means to take advantage of SVG.

Editorial Reviews

Amazon.com Review

SVG Essentials opens the door to the rich language that underpins this emerging and fast-growing graphics language. Scalable Vector Graphics, which are described through text like a programming language and can be read on any computer platform with the appropriate viewer, hold great promise for the Web designer who knows how to take advantage of the latent power. This book helps to harness that power.

It's important to note that this book is not written for Web designers looking to add SVG graphics to their sites, but rather for Web programmers who need to add such graphics based on information extracted from a database, or who want to add them by hand. If you have or use an application that can export or embed SVG graphics, you may not need this book. However, if you are looking to create dynamic images that get created on the fly, or perhaps be able to draw graphics based on information from the user or from a database, you've come to the right book.

Although only 330 pages, the book offers 13 chapters and six appendices. Everything from a basic overview of the SVG language through practical examples to the finer points of serving SVG files over the Web is thoroughly detailed, and each chapter is concisely written and rich with screenshots, illustrations, and code examples.

O'Reilly has earned a positive reputation for publishing outstanding technical books, and SVG Essentials makes a fine addition to their lineup. The SVG graphics standard is rapidly gaining ground. Backed by important vendors as Adobe, SVG is poised to be a powerful tool in the arsenal of today's Web designer. Keep this book within arm's reach of any SVG developer or Web designer who wants to take advantage of this emerging and powerful technology. --Mike Caputo

About the Author

J. David Eisenberg is a programmer and instructor living in San Jose, California with his cat, Tabitha. David has a talent for teaching and explaining. He has developed courses for CSS, JavaScript, CGI, and beginning XML. He also teaches C and Perl at De Anza Community College in Cupertino. David has written articles for xml.com and alisapart.com on topics such as Javascript and the Document Object Model, XML validation, XSL Transformations and Formatting Objects, and (surprise) SVG. His on-line courses provide introductory tutorials for Korean, Modern Greek, and Russian. David has also been developing education software since 1975, when he worked with the Modern Foreign Language project at the University of Illinois to develop computer-assisted instruction on the PLATO system. He co-authored several of the in-box tutorials shipped with the venerable Apple II computer. David did the programming for the multimedia CD-ROM version of a series of children's stories, and the programming for beginning Algebra and Spanish discs. When not programming, David enjoys digital photography, reading science fiction, and riding his bicycle.

Product Details

• Paperback: 364 pages
• Publisher: O'Reilly Media; 1 edition (February 12, 2002)
• Language: English
• ISBN-10: 0596002238
• ISBN-13: 978-0596002237
• Product Dimensions: 9 x 6 x 1 inches
• Shipping Weight: 13.6 ounces (View shipping rates and policies)
• Average Customer Review: 4.3 out of 5 stars  See all reviews (6 customer reviews)
• Amazon Best Sellers Rank: #571,978 in Books (See Top 100 in Books)
  • #74 in Books > Computers & Technology > Programming > Languages & Tools > XML

More About the Author

Discover books, learn about writers, read author blogs, and more.

Customer Reviews

Most Helpful Customer Reviews

19 of 23 people found the following review helpful:

5.0 out of 5 stars In a Nutshell, March 16, 2002

By 

Wesley T. Perkins (Jamestown, RI United States) - See all my reviews

This review is from: SVG Essentials (O'Reilly XML) (Paperback)

This subject perfectly fits O'Reilly's "In a Nutshell" tradition, for SVG itself is just that: Web design, including text, graphics, animation, and programming, all in a nutshell -- concise, pithy, simple, and deep.

SVG, a refactoring of several generations of Web technology and a public standard approved by the World Wide Web Consortium, can be authored without any special tools and without any special background, other than the immediately productive background provided by this book.

Eisenberg swiftly, but with diverting variety, illuminates the process of drawing, assembling shapes, creating textures, transforming coordinates, structuring documents, enriching text, creating reusable components, fine tuning color, animating shapes and colors and structures, creating lighting effects, and programming user interactions. All of this is built upon the simple SVG architecture: arrange your elements in a hierarchy and set their attributes.

There is an art to conveying important points without belaboring them and Eisenberg moves from example to example with perfect pitch.

The book also contains an eight page section with full color images.

Some people have complained about the lack of reference books on SVG. The SVG reference is in fact widely available, all 500+ pages of it, on the W3C site. What is really needed, and would have been useful in this or any SVG book, is a five page guide to using that reference -- how do I, in ten seconds or so, determine whether this element can be a child of that element, or if this element supports this attribute?

While I was developing SVG Composer the only book available was Watt's "Designing SVG Web Graphics" (another fine book with a rather different pitch). When Eisenberg's work came out I happily relearned SVG, doing every example and picking up any number of new tricks.

I do have some reservations: I didn't care for the cat drawing (hated it!) and the final two chapters on generating and serving SVG seemed aimed at the wrong audience (adepts at Java, servlets, and Perl) though the material itself is perfectly fine.

At first I had the same feeling about the appendices, which include brief samples of subjects from programming to fonts to matrix algebra, that surely Eisenberg was misjudging his audience. However he may have things just right -- SVG may well become the greatest crossover hit ever in computer languages, a lingua franca for logic and art.

6 of 6 people found the following review helpful:

5.0 out of 5 stars In a Nutshell, March 16, 2002

By 

Wesley T. Perkins (Jamestown, RI United States) - See all my reviews

This review is from: SVG Essentials (O'Reilly XML) (Paperback)

This subject perfectly fits O'Reilly's "In a Nutshell" tradition, for SVG itself is just that: Web design, including text, graphics, animation, and programming, all in a nutshell -- concise, pithy, simple, and deep.

SVG, a refactoring of several generations of Web technology and a public standard approved by the World Wide Web Consortium, can be authored without any special tools and without any special background, other than the immediately productive background provided by this book.

Eisenberg swiftly, but with diverting variety, illuminates the process of drawing, assembling shapes, creating textures, transforming coordinates, structuring documents, enriching text, creating reusable components, fine tuning color, animating shapes and colors and structures, creating lighting effects, and programming user interactions. All of this is built upon the simple SVG architecture: arrange your elements in a hierarchy and set their attributes.

There is an art to conveying important points without belaboring them and Eisenberg moves from example to example with perfect pitch.

The book also contains an eight page section with full color images.

Some people have complained about the lack of reference books on SVG. The SVG reference is in fact widely available, all 500+ pages of it, on the W3C site. What is really needed, and would have been useful in this or any SVG book, is a five page guide to using that reference -- how do I, in ten seconds or so, determine whether this element can be a child of that element, or if this element supports this attribute?

While I was developing SVG Composer the only book available was Watt's "Designing SVG Web Graphics" (another fine book with a rather different pitch).. When Eisenberg's work came out I happily relearned SVG, doing every example and picking up any number of new tricks.

I do have some reservations: I didn't care for the cat drawing (hated it!) and the final two chapters on generating and serving SVG seemed aimed at the wrong audience (adepts at Java, servlets, and Perl) though the material itself is perfectly fine.

At first I had the same feeling about the appendices, which include brief samples of subjects from programming to fonts to matrix algebra, that surely Eisenberg was misjudging his audience. However he may have things just right -- SVG may well become the greatest crossover hit ever in computer languages, a lingua franca for logic and art.

5 of 6 people found the following review helpful:

4.0 out of 5 stars Good introduction, needs more recipes, March 22, 2004

By 

Jack D. Herrington "engineer and author" (Silicon Valley, CA) - See all my reviews
(VINE VOICE)    (REAL NAME)   

This review is from: SVG Essentials (O'Reilly XML) (Paperback)

The book provides a solid introduction to SVG through an increasingly complex set of examples of SVG use. It is well written and edited, it also provides a thorough description of the entirety of the standard. What it lacks is more depth in the area of recipes for commonly used image effects. It also needs more advice about how complex SVGs are organized and built for efficiency. I understand that SVG is still on the adoption curve, so perhaps we could see these improvements in a second version of the book when the standard has picked up a little more.

For the time being the book earns it's four stars by providing a nice learning curve and having high quality examples that demonstrates the concepts effectively.