RaphaelJS
Graphics and Visualization on the Web
Publisher: O'Reilly Media
Final Release Date: December 2013
Pages: 122

Create beautiful, interactive images on the Web with RaphaëlJS, the JavaScript library that lets you draw Scalable Vector Graphics (SVG) right in the browser. With this concise guide, you’ll quickly learn how to paint the screen with shapes and colors that you can turn into lively, animated graphics and visualizations.

Author Chris Wilson (Time.com) shows you how to create Raphaël objects and manipulate them with animation, transformations, and other techniques, using just a few lines of code. Packed with working examples, sample code, and cool hands-on projects, RaphaëlJS is ideal for new and experienced JavaScript programmers alike.

  • Create images that work on browsers new and old, as well as mobile devices
  • Start with the basics—shapes, colors, transformations, sets, and text
  • Learn how to build custom curves and shapes with paths
  • Code animations that move through space, follow paths, or change direction
  • Make your artwork come alive through user interaction
  • Bind a dataset to a collection of visual objects—the basis of data visualization
  • Learn techniques to make your detailed visuals stand out on screens of any size
Product Details
About the Author
Colophon
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyRaphaelJS
 
4.5

(based on 2 reviews)

Ratings Distribution

  • 5 Stars

     

    (1)

  • 4 Stars

     

    (1)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

Reviewed by 2 customers

Sort by

Displaying reviews 1-2

Back to top

(1 of 1 customers found this review helpful)

 
4.0

A graphic frolic...

By The Last Rebel

from Cape Town, South Africa

About Me Designer, Developer

Verified Reviewer

Pros

  • Easy to understand
  • Helpful examples
  • Well-written

Cons

  • Scope For More Depth

Best Uses

  • Expert
  • Intermediate
  • Novice
  • Student

Comments about oreilly RaphaelJS:

Have been using Raphael on and off for the past 3 years but continue to struggle with some of the more complex topics such as sets, data binding and events.

As I have never been disappointed by an O'Reilly Press book, I took the plunge in the hope of having some of my questions answered.

The book is wonderfully written with just enough humuor to render it a carefree romp! Complex issues are tackled with insight & simplicity, and the examples have enough depth to get you thinking and to see how the library operates.

Demonstrating code via JSFiddle was exceedingly helpful, as were the references to tools such as SVG To Raphael and ColorBrewer.

Much of the early part of the book is more suited to a novice but it is still enlightening to see the coding patterns, functional programming styles and simplifications used by Chris.

I received a big leg-up reading this book so it is not a negative criticism when I say I would have preferred even more depth on some of the topics i.e. the "why" behind some of the code.

For example, traditionally we manage data using raw JavaScript objects yet Raphael objects have the capacity to store data via their .data property – when is it best to use which approach?

Similarly, when layering objects e.g. text on a box and you need the box to react to a click, you need to add event handlers for both the rectangle and the text – what about Event Delegation to reduce the number of events being managed?

A great book. Get it…

(4 of 4 customers found this review helpful)

 
5.0

Great Overview with helpful examples

By mgan

from NYC

About Me Designer, Developer, Fullstackjs

Verified Reviewer

Pros

  • Easy to understand
  • Helpful examples
  • Well-written

Cons

    Best Uses

    • Expert
    • Intermediate
    • Novice
    • Student

    Comments about oreilly RaphaelJS:

    I purchased this book as a reference for when I'm unplugged from the internet. At 122 pages the book is fairly short, but Chris provides a great overview of the drawing and animations apis. I found his examples were short and simple which is great. The examples also covered a range of concepts from drawing curves to animating alongs paths. Before purchasing this book I had some notions about how I needed to structure my next SVG project and his writing helped me organize those thoughts. I highly recommend this book to anyone interested in SVG.

    P.S. I've also been exploring Snapsvg which is another SVG library written by RaphaelJS creator Dmitry Baranovsky. Snapsvg provides a similar api as RaphaelJS and this book's material/content can be used for both libraries.

    Displaying reviews 1-2

    Back to top

     
    Buy 2 Get 1 Free Free Shipping Guarantee
    Buying Options
    Immediate Access - Go Digital what's this?
    Ebook: $21.99
    Formats:  DAISY, ePub, Mobi, PDF
    Print & Ebook: $27.49
    Print: $24.99