Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I'm looking to hear others experiences with SVG + Javascript Frameworks.
Things that I'd like the framework to handle - DOM creation, event handling and minimal size.
Jquery SVG plugin - http://keith-wood.name/svg.html seems to be the only one I can find.
Raphael is a javascript framework for manipulating vector graphics, either with SVG or VML, depending on what the browser supports.
Check the D3 library
D3.js is a small, free JavaScript library for manipulating documents based on data.
My favorite JavaScript framework is jQuery. But original jQuery package is unable to run inside SVG because of some HTML-specific places.
But I have patched the newest version of jQuery (1.4.2) so it is able to run under SVG now. You can take patched jQuery package from here.
A single issue with it is that SVG doesn't invoke initialization function from incuded jQuery source so I was to introduce jQueryInitialize function and jQueryInitialize(window); must be invoked manually in svg:onload event.
This post is too old but I think maybe people will be interesting checking out http://snapsvg.io/ which is a framework build by the same guy that did Raphael. But for modern browsers.
Do you need SVG or just vector-like graphics manipulation? John Resig ported the "Processing" visualization language to JavaScript. I never used it, but from the creator of jQuery it may help you out if you don't actually require SVG.
http://ejohn.org/blog/processingjs/
I haven't used it yet, but i bookmarked PlotKit some time ago because it's a javascript framework that generates svg
I'm sorry, but spam prevention mechanism impede me from posting more than one hyperlink in one answer. Here is prove of concept of running jQuery under SVG.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I am looking for a jQuery plugin that can take a string of code as input and will apply formatting and Highlights to make the code easily understandable. Just like jsfiddle.net.
As of now I have found many sites like jsbeautifier.org.. But I need a standalone jquery plugin which can process my code
Please help me on this.
9 useful Javascript syntax highilghting scripts. There, I googled it for you. 3 of them are jQuery-based.
i am using codemirror. http://codemirror.net/
its easy and cool.
I use Highlight.Js
If you want to change the syntax in a specific style or just check the style than take a look at code painter
A JavaScript beautifier that can both infer coding style and transform
code to reflect that style. You can also set style preferences
explicitly in a variety of ways.
you can use jstidy for this. and if you are using visual studio, you can directly copy code and paste in to the designer view. it will generates the required styles.
I have checked the pages linked by other answers and found them very lacking.
After a bit of research and scouring the web, I found one that I think clearly is superior to the rest.
Snippit is jQuery based, including "copy" feature (with clipboard plugin), line-numbers, custom styles, etc.
Let me know what you think.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I want to create web app wich will be able to build mind maps.
Backend isn't problem for me but frontend is: i'm not sure which technology to use.
App should build unlimited graphs where each node should be editable and contain text.
SVG! Infinitely zoomable, well supported in modern browsers (incl. Firefox 4 and up) and works well with text.
I would also tell you to check http://raphaeljs.com/ makes your life easier.
When it comes to animation it is tempting to go along HTML5 canvas but if your need is complex animations or require more control and quality, SVG is the way to go.
Apart from quality the other cons in HTML5 canvas are behind the scenes it is a pixel manipulation, and you would not get DOM for each object meaning you cannot call them by ID or manipulate them singularly. Every small change is redraw.
SVG on the other hand gives DOM level of control and supported by webkits
I'd say canvas if I had to choose between the two.
There's a related question here which will give you a more comprehensive answer, but it's got great support, gaining momentum as part of html5 and also (if it makes a difference) has good mobile support.
However I'd also say that they're quite different and there's nothing to stop you using both of them as they can certainly work well together.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
Currently i'm parsing bbcode server side but i'd like to show a preview just like this site does.
If I process the bbcode serverside using ajax it's a bit laggy, so i thought doing it client side, to just show the preview.
Do you guys know any bbcode parser written in javascript?
It is a bit late, and the question has certainly been answered. However if you are still open to suggestions, and have not yet spent your time converting the indicated parser from C# to JavaScript, I have written a parser (originally in PHP) which I converted myself[2] to JavaScript. It is available at bitbucket under the 3-clause BSD license. The parser seems to be reasonably fast, but I haven't performed any analysis on its speed.
It may not be as flexible in some ways as other possible projects out there, but it does allow defining your own codes ("bb-code" or not, with quite a few properties), and is also all contained within the one file. This is not a simple find-and-replace parser, and is not based on regex.
If this is of any interest to you, it might save you from having to convert that other library. Technically, I'm a relative "unknown", but that's the great things about JS/OSS: you can check out the source to see what I've done.
[2] As a result, there are a few remaining "compatibility functions", but I rewrote things which had native equivalents available.
I haven't personally used any Javascript BBcode parsers, but the top two Google results (bbcodejs and this blog post) seem pretty weak. The former only seems to support simple find-and-replace, and the latter seems to have pre-set BBcode built in, so you'd probably have to hack it a bit if you chose that solution.
Your best options are probably to roll your own solution (possibly basing your work off one of the two links here), or just use AJAX and move on. That's probably the best way to ensure that previews are accurate, and previewing doesn't have to be real-time on every keypress, anyway; a delay before even sending the request is acceptable.
I encountered the same problem, so I wrote my own. That supports BBCode -> AST Array -> any kind of markup, now supports HTML and React. And has plugins and presets support
https://github.com/JiLiZART/bbob
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
There are a lot of JavaScript libraries out there these days (extJs, Scriptaculous, Dojo, prototype, Solvent and many more). Couldn't find any site comparing cons and pros.
Could anyone give recommendations?
Things to consider:
- size
- performance
- Cross-Platform
- ease of use and documentation
- (special reason to use a specific one when developing in python/Django?)
Thanks!
Yaniv
jQuery is very good, and probably the most common.
jQuery is the most popular right now, and for good reason!
It is very lightweight. The mimified version is only 19kb.
You can use the jQuery hosted by google for increased speed, (using this there is a chance that your user already has it cached).
It (almost always) works the same in all browsers, stopping the need for a lot of the previously hated cross-browser development testing.
It is based on CSS which is familiar with web designers.
It uses CSS3 componenets.
It has a HUGE number of plugins available from the community. It is also easy to write your own.
It is used by some massive web companies. StackOverflow, digg, Dell, Google etc.
Don't forget jQuery
And I think it's more like cross browser than cross platform.
In my opinion, the most important thing to consider when choosing a framework is coding style. Every framework does roughly the same thing, but in different ways.
My advice is to choose the one that makes most sense to you. The size, performance and browser compatibility is about the same in every framework.
You may also want to take a look at "Comparison of JavaScript frameworks" at Wikipedia for some technical details about each framework.
I'll have to agree with the above (i.e. jQuery) - but also recommend Prototype
Prototype is a clean, simple, lightweight javascript engine that is server side language agnostic.
My answer to a very similar question:
Jquery
Fast
Well documented
Easy to use
Chaining
Unlike prototype it doesn't extend an object if you didn't specifically ask for it (try looping an array in prototype)
easy-to-use AJAX (I love the $.ajaxSetup() function)
Nice Event handlers
CSS selectors
filtering your selection
did I mention chaining?
Small (only 30kb)
Nice little build-in effects.
Plugins
(https://stackoverflow.com/questions/394601/which-javascript-framework-jquery-vs-dojo-vs/394837#394837)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I need to generate many internal client-side (within the company only) graphs from streams of data, and since the data itself is "secret", I can't use a service like Google-Graphs for generating the graphs. So I was wondering if anyone has some recomendations for a javascript graph library that doesn't require a server.
Thanks
Have a look at flot a javascript plotting library.
EDIT
The official flot repo lives on github
Have a look at Raphael (github).
The data is likely going to be in plain text if you use a javascript library to render it client side... Even so, jQuery Sparklines can generate simple graphs client-side.
Found a library called PlotKit for Mochi, while looking at Nickf's canvasgraphjs link.
If you use a client-side library, your data is pretty much out in the open. If the data is secret, I think what you need is a library that generates the plot on the server side and outputs images. JFreechart is one library that does this in Java. I am sure there are others.
Check D3.js: JavaScript library for manipulating documents based on data.
I didn't try it myself yet, but it looks promising and interesting.