Book description
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
Table of contents
- Preface
- 1. Introduction: Why Raphael is Great
- 2. Shapes
- 3. Interaction
- 4. Paths: How to Make Custom Shapes and Curves
- 5. Animations, Part One
- 6. Maps, Illustrations, and Other Artifacts
- 7. Animations, Part Two
- 8. Mobile, Global Variables, and Other Things That Hurt Less Than You Think
- Colophon
- Copyright
Product information
- Title: RaphaelJS
- Author(s):
- Release date: December 2013
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781449365325
You might also like
book
Modern SVG
The Scalable Vector Graphics (SVG) format has come a long way. What may have seemed like …
book
Using SVG with CSS3 and HTML5
Using Scalable Vector Graphics (SVG) for illustrations only scratches the surface of this format’s potential on …
book
HTML5 Canvas
No matter what platform or tools you use, the HTML5 revolution will soon change the way …
book
Integrating D3.js with React: Learn to Bring Data Visualization to Life
Integrate D3.js into a React TypeScript project and create a chart component working in harmony with …