Index
A
- <animate> element / Working with Raphaël rather than SVG directly
- affine transformations / Transformation matrices
- animate helper method / The animate helper method
- animate method / The animate helper method
- animation
- about / Basic animation
- attributes parameter / Basic animation
- duration parameter / Basic animation
- easing parameter / Basic animation
- callback parameter / Basic animation
- custom attributes, using / Animation using custom attributes, Custom attributes, Animation along a path
- along path / Animation along a path
- pausing / Pausing and resuming animation
- resuming / Pausing and resuming animation
- animation easing
- about / Animation easing
- linear / Animation easing
- ease out / Animation easing
- ease in out / Animation easing
- built-in easing formulas / Built-in easing formulas
- attr method / Grouping elements
B
- basic event handlers
- registering / Registering basic event handlers
- unregistering / Unregistering basic event handlers
- basic shapes
- drawing / Drawing basic shapes
- basic transformations
- about / Basic transformations
- translation / Translation
- rotataion / Rotation
- scaling / Scaling
- built-in easing formulas / Built-in easing formulas
C
- canvas / The drawing context
- catmull-Rom curves / Catmull-Rom curves
- center point / Drawing basic shapes
- Choropleth maps
- about / Choropleth maps
- creating / Creating choropleth maps
- clip-rect / clip-rect
- closepath command / The closepath command
- Closure Tools / Project structure and optimization
- control points / Drawing curves
- counts custom attribute / The counts custom attribute
- Cubic Bézier curves / Cubic Bézier curves
- cubic Bézier format
- used, for custom easing / Custom easing using the cubic Bézier format
- Cufón / Embedding custom fonts
- current point / Path drawing concepts
- curves
- drawing / Drawing curves
- quadratic Bézier curve / Quadratic Bézier curves
- cubic Bézier curves / Cubic Bézier curves
- arcs, drawing / Drawing arcs
- custom attributes
- about / Animation using custom attributes, Custom attributes
- using, for animation / Animation using custom attributes, Custom attributes
D
- D3.js / Vector drawing libraries
- downloading
- Raphaël / Downloading Raphaël
- drag-and-drop functionality
- about / The drag-and-drop functionality
- Element.drag() method / The Element.drag() method
- onstart event handler / The onstart event handler
- onend event handler / The onend event handler
- onmove event handler / The onmove event handler
- dragging by example / Dragging by example, Dropping elements
- drawing context
- about / The drawing context
- canvas coordinates / Canvas coordinates
- drop / Dropping elements
E
- easing / Animation easing
- Ebocs / Applications of Raphaël
- Element.drag() method / The Element.drag() method
- element.getPointAtLength(length / Element.getPointAtLength(length)
- element.getSubpath(from, to) / Element.getSubpath(from, to)
- element.getTotalLength() / Element.getTotalLength()
- elements dropping
- bounding box overlapping / Bounding box overlapping, Bounding box inside bounding box
- event handling
- about / Basic event handling
F
- focal point / Radial gradients
G
- getBBox method / Bounding box overlapping
- getFont method / Embedding custom fonts
- getPointAtLength method / Element.getPointAtLength(length)
- getSubpath method / Element.getSubpath(from, to)
- getTotalLength method / Element.getTotalLength()
I
- image method / Embedding images
- images embedding
- about / Embedding images
- element attributes / Element attributes
- basic fills / Basic fills
- image fills / Image fills
- strokes, applying / Applying strokes
- href / href
- opacity / opacity
- clip-rect / clip-rect
- gradients, applying / Applying gradients
- linear gradient / Linear gradients
- radial gradients / Radial gradients
- elements, grouping / Grouping elements
- Inkscape
- about / Inkscape
- benefits / Inkscape
- downloading / Downloading Inkscape
- getting started / Getting started with Inkscape
- isBBoxIntersect method / Bounding box inside bounding box
- isPointInsideBBox method / Bounding box inside bounding box
J
- jQuery
- using / Using jQuery
L
- large-arc-flag parameter / Drawing arcs
- linear gradients / Linear gradients
- lineto commands / The lineto commands
M
- major arcs / Drawing arcs
- matrices
- working with / Working with matrices
- transformation matrices / Transformation matrices
- matrix / Working with matrices
- M command / Catmull-Rom curves
- minify / Project structure and optimization
- minor arcs / Drawing arcs
- mod_gzip / Downloading Raphaël
- moveto command / The moveto command
O
- offsets / Linear gradients
- onend event handler / The onend event handler
- onmove event handler / The onmove event handler
- onstart event handler / The onstart event handler
- opacity / opacity
- Open source SVGs
- about / Open source SVGs
- OTF / Embedding custom fonts
P
- Paper.js / Vector drawing libraries
- path animation
- about / Animating paths
- path command / Catmull-Rom curves
- path drawing
- concepts / Path drawing concepts
- commands / Path drawing commands
- path drawing commands
- about / Path drawing commands
- moveto command / The moveto command
- lineto commands / The lineto commands
- closepath command / The closepath command
- pathFactor attribute / Animation along a path
- path inspection
- about / Inspecting paths
- Inkscapes XML Editor / Inkscape's XML Editor
- from existing SVG image / Taking paths from an existing SVG image
- paths
- utility methods / Utility methods for working with paths
- PFB / Embedding custom fonts
- PostScript font files / Embedding custom fonts
- print method / Embedding custom fonts
Q
- Q command / Quadratic Bézier curves
- quadratic Bézier curve / Quadratic Bézier curves
R
- radial gradients / Radial gradients
- Raphaël
- working with / Working with Raphaël rather than SVG directly
- applications / Applications of Raphaël
- downloading / Downloading Raphaël
- JavaScript applications, creating / Creating Raphaël JavaScript applications
- drawing context / The drawing context
- milestones / Milestones
- long term goals / Long term goals
- Raphaël JavaScript applications
- about / Creating Raphaël JavaScript applications
- project structure / Project structure and optimization
- Ready Set Raphaël / Ready Set Raphaël
- rect method / Drawing basic shapes
- rotation / Rotation
- rx parameter / Drawing arcs
- ry parameter / Drawing arcs
S
- S command / Cubic Bézier curves
- set / Grouping elements
- set method / Grouping elements
- shear / Working with matrices
- social network usage
- about / Social network usage, Getting started
- jQuery, using / Using jQuery
- data / Social network usage data
- people icons, drawing / Drawing people icons
- icon clicks, responding to / Responding to icon clicks
- key, drawing / Drawing a key
- tweets / Tweets by time
- subpaths / Path drawing concepts
- subtend custom attribute / The subtend custom attribute
- supplementary material
- about / Supplementary material
- timeline / Facebook usage by year
- golden tweets / Golden tweets
- SVG / Vector drawing on the Web
- SVG specification
- about / The SVG specification
- Raphaël, working with / Working with Raphaël rather than SVG directly
- SVG to HTML converter / Other converters
- SVG to Raphaël conversion tools
- about / SVG to Raphaël conversion tools
- Ready Set Raphaël / Ready Set Raphaël
- SVG to HTML converter / Other converters
- sweep-flag parameter / Drawing arcs
- sweep-flag value / Drawing arcs
T
- text
- working / Working with text
- custom fonts, embedding / Embedding custom fonts
- text-anchor attribute / Working with text
- text method / Working with text
- text parameter / Working with text
- transformation matrices
- affine transformations / Transformation matrices
- using / Using transformation matrices
- using, for shear performance / Using transformation matrices to perform shear
- transformations
- animating / Animating transformations
- transform method / Registering basic event handlers
- TTF / Embedding custom fonts
- tweets
- about / Tweets by time
- starting with / Getting started
- by time data / Tweets by time data
- subtend custom attribute / The subtend custom attribute
- counts custom attribute / The counts custom attribute
- timer, updating / Updating the timer
- animate helper method / The animate helper method
- timers, iterating / Iterating over our timers and starting the animation
- animation, starting / Iterating over our timers and starting the animation
U
- utility methods, paths
- element.getTotalLength() / Element.getTotalLength()
- element.getPointAtLength(length) / Element.getPointAtLength(length)
- Element.getPointAtLength(length) / Element.getPointAtLength(length)
- element.getSubpath(from, to) / Element.getSubpath(from, to)
- Element.getSubpath(from, to) / Element.getSubpath(from, to)
- catmull-Rom curves / Catmull-Rom curves
V
- vector drawing, on Web
- about / Vector drawing on the Web
- VML / Vector drawing on the Web
- SVG / Vector drawing on the Web
- libraraies / Vector drawing libraries
- viewport / The drawing context
W
- Web
- vector drawing / Vector drawing on the Web
X
- x-direction / Facebook usage by year
- x-rotation parameter / Drawing arcs