Canvas vs SVG for graph-like diagrams? [closed] - javascript

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.

Related

Best WebGL framework to render million of elements [closed]

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 am new to webGL and want to get started with a project. I have engineering data which has lots of elements and points.
please Help me choose what is best framework for me.
Elements in millions
Rendering quality , shadows in not important nor focus
Could support defining solid elements or custom solid element types
If my requirement cant be met due to any limitations ,even then what can be my best choice ?
This question has yet been asked here. I let this answer because you also ask for a couple of details more.
Before considering a framework, the number of 'elements' you can display and the rendering quality are only hardware-limited.
1. Elements in millions
For the average audience, don't plan to render more than 1-2 million(s). See some potree examples where you can change the amount of points. For this quantity, the main available feature in GL is POINTS, that are sort of sprites, 2D planes facing the camera. You can draw anything you want on them but keep in mind they are not volumes. It is a native GL feature so you can implement it with or without any library.
2. Rendering quality
You may mean different aspects :
framerate : this is the very first challenge of each webgl app, to keep the framerate at its highest (60 to 70FPS depending on screens). This mainly depends on the CPU-GPU computations you are asking.
antialiasing : this is a native feature of the webgl API. But it uses a lot of resources and developpers use to disable it.
higher-level rendering features can be implemented by professionnals but won't work on average devices without seriously reducing the framerate.
So regarding this list, if you don't set the antialiasing, your framerate is the only 'quality' parameter you will worry about. And it almost only depends on the CPU-GPU computations your program is asking. If you use a mature library it should barely not increase them.
3. Could support defining solid elements or custom solid element types
There comes the interest of using 'frameworks', which are initially javascript libraries, some of them looking like online 3D editors :
Babylon.js and
Three.js are the most known,
the latter being the most complete, actively supported, documented and used, as the docs, stackoverflow tag and github repository prove.
For a quick setup (and more) with WebGL, online 3D editors like Clara.io let you discover it.

Is there some library available for IQR-Codes (not QR-Codes)? [closed]

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 8 years ago.
Improve this question
Recently I found this: http://2d-code.co.uk/iqr-qr-code/
This is a QRCode but an improved version. I use some QRCode libraries in some projects and it is a great technology but IQR-Code sound very promising. Less the size (sometimes size is a problem) and can contain more characters on a very small footprint.
To get into the new technology, see also this page.
I want to try and play with these new QRCode to find out if it is really useful and suitable to fit into one of my projects but I cannot find any library for it. I want to find a library that can be used in Android, Delphi, PHP, AS3 or/and javascript. Is there a 'hidden' link on the internet that brings me to such library?
The next thing I wonder about is reading speed. For example, the ZBAR and XZing library reads QR-Codes at razor speed. And what about error correction, is it accurate enough? Because it is using a smaller footprint, is it easy to read by a camera? Is it worth it to invest time in this new format?
Does have anyone more information about this or is there a demo project that I can download?
EDIT 12/01/2018:
Today I found YAB (Yet Another Barcode), initiated by fraunhofer institute. It is a 3D barcode with colors that can hold more data in a smaller form factor. It is free to use, source code available and deserves more attention, take a look at:
https://github.com/jabcode/jabcode
Or use the online demo:
https://jabcode.org/
Is there a 'hidden' link on the internet that brings me to such library?
After researching and googling, it seems that, unlike QR codes, the use of iQR codes is not free licensed by Denso Wave, the owner of the patent.
Is it worth it to invest time in this new format?
The format isn't really that new (it's been around since at least 2011) so, in my opinion, the lack of global success and the fact that it isn't freely distributed answers your question.

What JavaScript library can you recommend? [closed]

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 use JavaScript on my web page. In particular I would like to have a auto-completer (like stackoverflow use for tags). I also would like to have drop down menus and so on.
I think, for these purposes it make sense to use a JavaScript library (I never did it before). I browsed Internet the first option that I found was jQuery, I also found a list of other libraries.
So, I have a hard time choosing between these libraries and would like to ask your advise. My requirements to the library as as follow:
Of course cross-browser functionality (works on as many browsers as possible).
Easy to use (good documentation with examples + active community).
Possibility to change the code (corresponding copy right + good documentation of the code).
Thank you in advance for any help.
Go for jquery and jquery UI which contains a nice autocomplete plugin. It's a javascript framework which gathered lots of pace, there's an enormous community and it is very likely you will find a plugin for every needs. It is guaranteed to work cross browser and you get a great documentation.

Javascript Calendar [closed]

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
I am looking for a Javascript calendar with support for drag-and-drop, extensive events model (drag, drop, deletion/adding of items).
Also has to be capable of displaying a schedule for multiple persons. That'd be something similar to "Multiple Resources" view of http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml
Free/paid does not matter. Has to work across major browsers.
Thanks!
I'm not sure whether it can do multiple schedules out of the box, but check out the JQuery based FullCalendar.
As it turned out, writing my own calendar, based on jQuery's draggable/droppable UI component is not that hard, and is way more flexible and extensible. There are some WTFs along the way, mostly to do with weird behaviour of dragging/dropping in IE(7/8) and some weirdness around snap to grid behaviour in jQuery UI's draggable, but I think it would take longer if I just took an existing control and tried to customise it.
For scheduling multiple resources I'd recommend the Ext Scheduler, it's built entirely in JavaScript. In the examples section you'll find lots of demos showing its different features.
http://www.ext-scheduler.com/examples.html
Disclaimer: I'm the author of it.

Seeking a good solution for SVG + Javascript framework [closed]

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.

Categories

Resources