Raphael Source Examples

News.

3rd March 2010
Still working on the next version of the 3D editor where uploading 2D SVG will be possible. Also looking at the new Open Clipart library here.
10th February 2010
Odd files produced by the current version of the 3D editor also keep turning up on my server such as this and this.
Also I keep adding to the Additional Helper database.
For example showing as many examples of usage for common key words I've either thought of or borrowed from others (Other owners always credited email me if I miss one!).
25th January 2010
Upgraded search finished.
Searching the database will go through all the new files and offer a final link to go through the discussion database.
24th January 2010
Additional Helper Database added.
Old code examples removed.
7th January 2010
Updated release of the
3D Node, Side & Object Editor.
Visit an example of something built with it here.
12th December 2009
Experiment with gradients.
6th December 2009
Wouldn't it be great if you could implement easy HTMLHttpRequest (Ajax) with your nice Raphael Maps,Charts and what ever else?
Added the link to the new Rap examples and techniques section.
26th October 2009
The new charting library just released.
19th September 2009
This week the Google Chrome project brought out a new plugin which is supposed to make IE8 run as fast as Chrome!
Performance boosted by 0.8.5
The world map now draws over a 1000 circles (at least) three times as fast.
Added 'font upload' to the Cufon tool. Uploading different fonts has been added.
Visit the font test page first for a few more tips and tricks before using it. It now creates web pages with all the code containing your design. Upload different fonts with this version.
5th July:
Synchronizing animation project page. Routes you through Code generators, code samples and tools all linked.
28th June:
Cufon font files and Raphael.
Raphael now supports the integration of Cufon font files with it's 'print', 'getFont' and 'registerFont' methods.
21st June:
Online Attributes and Animation generation here with 6 different primitive types.

Contact (Business)

This is a new, additional resource for Raphael, the JavaScript Vector Library, which provides a seamless coding layer so that vector graphics can be rendered in browsers that both support and do not support SVG.

Further Mission Statement This website covers all aspects of Raphael including Syntax, Animation, charts and cartography examples. Also visit the Rap examples and techniques section which has now been expanded (Jan 24th 2010). Made with Raphael Professional, Innovative Sites. Damian's Cartoon. Joshua's Shiney Record. Cufon Astrological Signs. Neven's Canada Job Site. Rob's Aquarium Monitor. Game by Dave F & Dmitry. David L equals Flash Game.	Top Project page 22nd November: 0.1(55K). 22nd December: 0.2(67K). 7th January 2010: 0.3(73K). Further information Added another Shape control and enabled 3D page generator.	Other related sites Mason's Bar and Pie Charts getting started demo which is additional to whats already here. Damian's Cylinder Graph Plugin for RaphaelJS. Jean's Ico charting library. Jean's library reference is here. Kilian's charting library. Kilian's library reference is here. Above charting library uses Prototype.js additionally. Josep's Raphael code from SVG . Above tool not compatible with IE. Please note this tool has been updated a number of times recently and supports far more SVG to Raphael migrations. Dmitry's path drawn illustration . Joshua's Design/Development Blog. Ben's charting library.
SVG Resources Section Since the release of Raphael 1.0 RC1 we can now use pure SVG syntax/Metadata. If you don't have an SVG editor already then you should download Inkscape to get started. Here is Evan's SVG Path Notation notes. There's also Josep's application . Although you cannot use the tool in IE it's there so that you could most immediately drop your Inkscape/SVG editor output there and convert it into Raphael. For importing raw SVG data into Raphael applications then Wout's plugin contribution could save you a considerable chunk of work.
3D Animation: Manipulate angular shapes (Cubes).	3D Animation: Manipulate and reshape a 3D rounded model.	3D Animation: Manipulate all shapes. (Does not work with IE).
Animation Centre: Investigate animation possibilities.	Tool: Produces basic create and animate syntax for Raphael objects.	Tool: When Cufon met Raphael. Beginners start here. Pleased your enjoying it!

Raphael Examples and Techniques. This newly built section has over 70 different files containing Raphael information. Nearly all the links below go through the new Additional Helper database.