I am wondering if it is OK to use multiple javascript frameworks for example (jQuery, Raphael) in the same script (handling event & ajax with jQuery and drawing with Raphael) ?
Yeah it's fine. jQuery will happily not bind to $
if you ask it (and need it):
jQuery.noConflict();
I don't think there's any problem about it since Raphael's demo already uses jQuery : http://raphaeljs.com/analytics.html (look at code source).
If you have good reason to do so: yes. Such a reason would be that both frameworks have different features. Obviously you should only use stable frameworks that have no known issues of interference with other frameworks (or provide a way to avoid interference, like jQuery does with the noConflict method)...
Anyway it might not be a bad idea to search the jQuery plugin directory (plugins.jquery.com) to see if there's anything available like Raphael, or maybe a plugin that integrates Raphael with jQuery before combining the two yourself...
Raphael isn't really a framework. It's a specialized library.
When it comes to mixing frameworks, then it is usually a bad idea.
While you can usually persuade them to run without conflicting, you end using a lot of code that does the same job as a lot of other code in the page. This adds a lot of overhead to the page, which is bad for performance.