Develop Reference

REST Client application with Topology diagram

I suppose to develop a network management REST client with topology diagram (as an image showing below). With that application, the user should able to create a topology diagram by drag and drop, change the nodes positions by dragging, edit nodes properties and delete node elements.
Now I'm doing some feasibility study how can I approach this task with HTML 5 client or Java thick client. I have seen some API called esri but it is commercialised.
I have planned to develop this application Angularjs or JavaFX. But none of them has inbuild libraries for it (I'm more preferring to develop this client application with AngularJs). Could you please help me to find any JavaScript frameworks or Java libraries available for accomplishing this task (then I can integrate them with AngularJs or JavaFX).
I have seen similar kind of question at StackOverflow, it was too old but now it can be available new frameworks.
Thanks

We can be accomplishing this task with some HTML 5 related UI frameworks which can visualize interactive graphs (user can create, update, read, and delete the graph elements). Some of them are as follow,
GoJS
GoJS is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms.
The library makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts.
Commercial license.
source: https://gojs.net/latest/extensions/SnapLinkReshaping.html
JointJS
JointJS is a modern HTML 5 JavaScript library for visualization and interaction with diagrams and graphs.
It can be used to create either static diagrams or, and more importantly, fully interactive diagramming tools such as workflow editors,
process management tools, IVR systems, API integrators, presentational applications and more. Licensed under both Open Source license (fewer features) and Commercial license (more features).
source: https://resources.jointjs.com/demos/kitchensink
mxGraph
mxGraph is a JavaScript diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser.
Under the Apache license 2.0 (free and open source).
Support for JavaScript, Java, .NET, and PHP.
1) mxDraw
source: https://jgraph.github.io/mxgraph/javascript/examples/editors/diagrameditor.html
2) Graph Editor
source: https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
vis.js
vis.js is a dynamic, browser-based visualization library.
The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data.
Licensed under both Apache 2.0 (free and open source) and MIT (open source license).
source: vis.js library
D3.js
D3.js is a JavaScript library for manipulating documents based on data.
D3 brings data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers,
combining powerful visualization components and a data-driven approach to DOM manipulation.
Under the BSD license (open source initiative).
source: http://bl.ocks.org/rkirsling/5001347
Conclusion
According to the features of GoJS, it is the most convenient framework for visualizing interactive graphs,
because UI can customize easily and can save the Diagram Model as JSON format.
But this is under the commercial license ($2995 per developer).
JointJS provides fewer features with their open source license version,
therefore needs to purchase the commercial version for fulfilling our requirements.
It may be difficult to customize their complex UI.
D3.js is more user-friendly but we have to proceed more effort to fine-tune it according to our requirements such as,
proceed the node creation via a tool icon, enable the user to customize the node’s caption value, remove some existing visual effects, etc.
Needs to explore about the saving format (JSON, XML, TXT, etc.) of Diagram Model.
According to my conclusion, we can choose either mxGraph or vis.js JavaScript library for our developments.
mxGraph: It seems we can easily customize the ‘mxDraw’ (web 2.0-style diagram editor) drawing application and reuse it.
‘Graph Editor’ diagram editor application is more advanced and it may take more time to customize it and needs to explore about the Diagram Model saving format.
vis.js: Is more user-friendly than ‘mxGraph’ but we may have to spend some development effort for exploring about Diagram Model saving format and removing existing visual effects.

Selecting dashboard technology - extjs, flex, angularjs etc [duplicate]

This question already has an answer here:
Does Adobe Flex have the ability to compile into HTML/JavaScript?
(1 answer)
Closed 6 years ago.
To give a brief background I am a C++ programmer who has worked mainly on back-end systems, but now has to develop a front-end gui (mainly an interactive dashboard with lots of charts and comparisons and so on) as well along with a back-end financial system.
Few years back I had worked on a similar project and used Flex to develop a dashboard. But searching the net, it seems that Flex is not well supported anymore (nobody pouring money on it) and will go out of fashion soon (Am I right???). So I continued searching and the names that popped up are ExtJS (which was prevalent few year back) and AngularJS (heard it for the first time now). Spent some time searching both and both seems fine. So can you dashboard developers please help answer the following questions (as well as provide important input that I may be overlooking right now):
Cross-Compatibility: Need to develop desktop and mobile apps along with web page.
Prevalence: I will need to learn the technologies. Would prefer it they are popular and widely used
Dashboard features: Stuff like ability to go into bar graph and pie charts and stuff.
Ease of programming: Quality of Editors/IDE available, speed of programming etc.
Anything important that I am missing

In my opinion, I would go with Flex, because:
You already know it
Flex is a "compact" solution to your problem. Web frameworks imply you to learn a lot of new things. AngularJS is certainly cool but every web tek require you to master JS, CSS (I hate it), HTML, FireBug, PhoneGap, .... Web teks are a mess (IMHO !!!)
Coming from C++, working with Flex is more comfortable than web tek. Dependency injection is cool but it's a new vision of the world. JS is really powerfull but is (also) a functional language and you will need to get a "lambda mind".
Two year ago I decided to try ExtJS to make a dashboard for an hospital. I gave up after some days when happened that finding and solving a simple bug in my simple app took me a full day! [I forgot a parenthesis. The page didn't open saying nothing at all).
I'm now trying to learn Flex because I need to produce a simple app for smartphone (I'm a newbie in that) that should be ready in a month and with Flex I think it's easier for me to succeed than with any web tech framework. I know that Flex future is obscure but I think it's too good to be killed even if Google's pressure is strong ;)

No-one seems to be keen to answer this question - I guess because it's a definitely going to be an opinon based answer. I'll give it a go...
To answer your first question - Flex is if not on the way out, at least on a low simmer. Adobe Flash Builder 4.7 (the main Flex tooling IDE) has not been updated for well over a year now and I can't see any updates on the horizon.
Apache, who now own the codebase are doing a nice job with updates, but progress is slow.
One possible bright area is FlexJS, a compiler that outputs Javascript and HTML. It's still alpha at the moment, but it could be an option.
I've never developed in ExtJS, but it seems it's time has come and gone - it's still used, but it's definitely been superseded by Angular and other frameworks such as Knockout.
Cross-Compatibility - AngularJS works is almost all browsers from IE8 up and that includes most modern mobile browsers. People often use JQuery Mobile in combo with Angular and Bootstrap to get the functionality they need. Bootstrap is responsive, so if you lay out your UI correctly, it should work for all devices.
Flex is also cross compatible in the form of Adobe Air, but it's less easy to get it onto people's devices - they need to download the Air framework.
AngularJS is the number one framework by a huge margin at the moment - and it's still growing. Check out this graph from google trends. The combination of technologies includes Javascript, CSS, Grunt, Bower, Node.js and concepts such as dependency injection, MVC and responsive layout - all this stuff is useful for other projects. Once you master Angularjs, you'll be ready for a lot of other stuff.
Learning Flex seems to be a bit of a dead end at the moment - you'll notice the absence of any recent Flex blog posts. It's not cool right now, and it's just too uncertain if it's going to survive.
Using Angularjs and D3 for example is reasonably straightforward - a web search will show lots of examples here. Plus you can do basic drawing using svg elements directly in your HTML code. Here's a nice article on the subject.
Since Angular is a Javascript framework, there are many many options here - you could use SublimeText, Atom, PhpStorm or one of many other choices. As I said earlier, your choices are much more limited if you choose Flex.
Finally, don't forget that this is all just my opinion, but Angularjs is just really fun to develop in - binding is just so cool. So are directives. Dependency injection just rocks. I think you'll like it!
Sorry for the bias here, but I can't help it!!
Hopefully this writeup helps you a little. Good luck.

AngularJS is a good choice for complex web application (both desktop and mobile).
There is a project that implements Dashboard/Widgets functionality with AngularJS.
GitHub source code https://github.com/DataTorrent/malhar-angular-dashboard
live demo http://datatorrent.github.io/malhar-angular-dashboard/#/
more advanced demo (charts, etc.) http://datatorrent.github.io/malhar-dashboard-webapp/#/
It targets desktop browsers so far but has a lot of features:
Adding/removing widgets
Widgets are instantiated dynamically (from corresponding directive or template)
Widgets drag and drop (with jQuery UI Sortable)
Horizontal and vertical widgets resize
Fluid layout (widgets can have percentage-based width, or have width set in any other unit)
Any directive or template can be a widget
Connecting widgets to real-time data (WebSocket, REST, etc.)
Changing widget data source dynamically (from widget options)
Saving widgets state to local storage
Multiple Dashboard Layouts

Javascript Library for charts to integrate WinJS

I am asking about some JavaScript library or API that I can integrate it in my winjs/HTML Windows store application.
I would like to connect it with my data to render some awesome charts or pies etc.
If someone have any library in mind it will be helpful for me.

Basically you can use any of the diverse Javascript graphing libraries out there. It will depend on what you want to achieve but here's a couple of libraries I found to be of very high quality:
http://g.raphaeljs.com/ (very straightforward)
http://d3js.org/ (more power, more complexity)
http://www.flotcharts.org/ (nice plugin system)
In case charting is an important part of your app, this commercial library may be for you http://www.highcharts.com/
I also found this very extensive list which has even more charting libraries on it but didn't sift through it.

If you are looking for a solution built specifically for Windows 8 HTML and WinJS, then look at the RacControls for Windows 8. They contain a wide array of charts and graphs, as well as SparkLines (coming in beta in the next couple of days) for very lightweight rendering of your data visualizations. If you are looking for Cross Platform, Kendo UI DataViz has many of the same options.
[Full disclosure, I work for Telerik as the Senior Developer Evangelist for DevTools]

Freeware Ui designer for alternatives-to-extjs frameworks [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
I have read this two posts:
What are alternatives to ExtJS?
free and open source alternative to extjs
Is there any freeware Ui designer for any of there frameworks?
I want to build a web file-browser

In general, you might check out this post:
HTML/JavaScript UI widgets GUI builder
Consider while looking at different tools that some might require special server back-ends. qooxdoo as a toolkit is all client-side.
The rest of this post concerns only qooxdoo and I don't think there are any mature ones available for qooxdoo right now. At least, there are none that are on par with the likes of the experience of developing in Visual Studio and with WinForms (as simply a comparison.) There are some early immature tool attempts at doing similar things, but they still will require a good understanding of qooxdoo and form placement. This is not a complete list:
qooxit: This is a project by Derrell Lipman who is very active as part of the qooxdoo development, but I'm not sure what has become of the future of this project. http://qooxdoo-contrib.svn.sourceforge.net/viewvc/qooxdoo-contrib/trunk/qooxdoo-contrib/qooxit/
jsqt: Uses Qt's .ui files and translates them. I have not used this and my guess is it has many limitations. http://qooxdoo.org/contrib/project#jsqt
Qooxdoo.Net: Uses Visual Studio to design the UI, but the project looks dead. http://sourceforge.net/projects/qooxdoonet/
I think there were also some attempts to put a WYSIWYG designer in front of the XML to qooxdoo tool called QxTransformer, http://qxtransformer.org/ but I may be confusing my projects.
Note that the qooxdoo license is dual licensed to LGPL/EPL. If you are working in a commercial environment some corporations are skittish of anything that isn't MIT or BSD licensed. I mention this in regard to your reference to the "free and open source" alternatives. While I firmly believe the intention of the application of LGPL/EPL is to allow us developers to do whatever we want with our creation as long as we contribute back to any enhancements to the qooxdoo libraries, corporate lawyers are afraid of nothing specific in writing. If you are doing this for commercial organization do your homework first. I had wanted to use qooxdoo for a project, but was prevented because of the license and my companies leaning toward MIT/BSD only open source licenses.
As a library goes, I think qooxdoo is the most feature complete and best structured. It is well documented though it does come with a learning curve. However, examples abound and the forum is very responsive. If there is any criticism about qooxdoo it might be that it is a heavier weight (size) library so that the final compiled javascript is often large (500-700k). For complex applications it can be a bit too intensive for smart phones and first generation iPads. However, nowadays this becomes less and less an issue and the mobile side of qooxdoo is evolving rapidly to provide a lighter weight solution. Basically, it keeps getting better and better.
Finally, here is a link to a discussion amongst qooxdoo developers about creating an IDE.
http://qooxdoo.678.n2.nabble.com/qooxdoo-quot-IDE-quot-Request-for-Comments-td3782909.html
From experience I think manual (text editing) form design is tedious and error prone and a tool to make it easier would be a godsend. qooxdoo's structure and "extends" capability would make it a prime candidate for a IDE implementation like Visual Studio uses with WinForms and .NET.

Before switching to Ext, we used the Yahoo libraries. We were using the old version YUI2, but version 3 is apparently also very good. It has many similar components such as grids (datatables) , menus, calendar widgets, etc.
http://developer.yahoo.com/yui/2/
http://developer.yahoo.com/yui/

Sencha Architect is a very nice product.

The DHTMLX library comes with a free online UI designer tool.
The library itself is dual licensed: GPL and commercial. The commercial license includes the desktop version of the UI designer.
There is also file explorer demo built with the dhtmlx components.
(Disclaimer: I work for DHTMLX).

Does IBM use Dojo Toolkit?

I was told IBM no-longer uses Dojo. Is this true? A small amount of web searching shows IBM is/was a member of the Dojo Foundation and is/was a code contributor... If it is true, approximately when did IBM stop using Dojo? If its not, to what extend is IBM still actively using and promoting the toolkit (use in their public web sites, product integration/bundling, etc)?

Disclosure: I am not an IBMer, but I am a Dojo Committer.
If IBM dropped Dojo, they do a good job hiding it. ;-) If anything, their rate of contributions sharply increased in the last year and continues to grow. Just in time for Dojo 1.5 I fielded at least a dozen IBM contributions to Charting. One of the major new features in 1.5 will be new Claro theme for widgets — developed and contributed by IBM.
A number of contributors and committers are employed by IBM, some of them were hired because they are Dojo experts. As far as I can tell (I am not privy to any IBM secrets) their jobs are still secure.
In any case, while IBM is probably the biggest sponsor of Dojo, it is not in the driver position, and Dojo can survive without their help. While sponsorship is nice and always appreciated, the main driving force behind Dojo is passionate programmers rather then corporations.
To sum it up: do not worry about IBM's position.

Timothy.
Yes, IBM actively uses and supports Dojo.
Don't ask why I know this. ;)

IBM's latest product offerings use dojo (Rational Team Concert / Jazz). I believe they are trying to move towards jDojo now though to help overcome refactoring barriers they have encountered.

This is an old post but came up with a high rank in Google. As of this date and going forward, IBM is still serious about Dojo. It has strong client support in WebSphere Application Server. It is now standardized internally with the IBM One UI IDX Toolkit for its own websites. Dojo has a growing footprint in the client components of many of its products. IBM remains a significant contributor.

Looking at http://bugs.dojotoolkit.org/timeline, I recognize names of IBMers: Bill, Peller, DouHays, ...
But you're right: Dojo+Domino (aka Dojomino) seems to be stopped...
Interesting question!

IBM's main website uses jQuery 1.3.2

#Ehsan, you put your finger on one of the biggest misconceptions in this field. Most companies' website has a separate team and set of requirements for their website. It has no relationship typically to the products the organization develops and ships, and the libraries and frameworks they choose to help them do that.

http://www.ibm.com/social/impact

IBM is a very large development organization with 5 separate and distinct software brands and many many products in each so to ask whether the entire organization still uses Dojo or not may a bit misleading. It could be the case that a certain team or product has stopped using Dojo but I can definitely tell you many still do. Aside from still being listed as a Dojo sponsor and contributor on the Dojo Foundation's website: there are active and very recent developments going on around Dojo.
One very interesting thing is JDojo, essentially a translator that lets you write Dojo in Java that then gets translated thus giving you strong typing and Eclipse IDE features. You can check out its wiki page here: https://jazz.net/wiki/bin/view/Main/JDojo (registration required) or google some blog posts or twitter (can't post links yet on this account)