Draw trees with links between them - swt

I'm developing a schema matching visualization tool. I have the problem that I have to draw trees and the links between them like this image:
However, the tool in the image uses Swing but I use JFace.
Is there any visualization toolkit that support this ?

I know this a bit post is old, but it keeps coming up when I search for a solution to connect two nodes in JFace TreeViewer. On JFace forum it was suggested to look at Nebula TreeMapper. Hope this helps someone.

Related

Draw tree diagram in gwt

I want to draw tree diagram in gwt with custom connector color . Is it possible using some jar in gwt. I want to show hierarchy with diffrent connector color.
Can somebody help me?
You can use google visualization libraries. The org chart might be useful in your case. This is a javascript library that's been adapted to GWT so don't worry if you find JS code in the documentation.
Take a look at the documentation and make sure that this is what you're looking for then download the visualization libraries for GWT from here.
I would say to look into a wrapper for Raphaël.
But currently the Raphaël website is down so I am not sure about the state of this product. Although in Github I see a commit from only 5 days ago.

Dynamic Chart using Xamarin Forms

I am newbie in Xamarin; I know there must be ready components for what I need, already I searched but not yet found.
I need to create a dynamic graphic like this:
http://www.highcharts.com/demo/dynamic-update
I wore this in PhoneGap (html5 + JS), but now I'm moving to Xamarin forms and would like to know if any third component is what I need or I'll have to do everything from scratch.
Thank you.
I'm currently looking into graphing too and OxyPlots seems to be a pretty good line graph tool. I don't think it supports dynamic updating so you'd have to program it to update manually when new data points come available.
I've not gotten round to actually using this myself but I thought I'd post this here in case it works for you.
Edit: Here's a list of examples. Also you can add it to your project using nuget so it should be easy to set up.
I'm using Syncfusion controls for Xamarin.Forms and I'm satisfied with it. They also have a free license for individual developers and small businesses.
For dynamically updated Xamarin charts SciChart offers an extremely high performance solution. With the SciChart Xamarin Chart control you can draw up to a million points, zoom, pan and scroll big datasets interactively.
Check out performance demos here:
https://www.scichart.com/example/xamarin-chart-realtime-fifo-scrolling-chart-example/
https://www.scichart.com/example/xamarin-chart-performance-demo-example/
https://www.scichart.com/example/xamarin-chart-ecg-monitor-demo-example/
Disclosure: I am the tech lead on the SciChart Xamarin project

How to draw diagrams using draw2d?

I have designed a meta model for my systems, and I want to create a graphical editor to facilitate the creation of a model. For this, I'm using the GEF editor. I have failed to come across any easy to understand tutorial on how to draw diagrams using draw2d and then implement then using editparts etc from the GEF.
Can anyone suggest me any useful resources for the same. Video tutorials would ofcourse be welcome.
GEF is the graphical framework developed on top of draw2d and SWT Tree .
Here is Step by Step tutorial creation of graphical editor on a POJO model and same can be used for EMF model or any other domain model
Url : http://www.inf.ed.ac.uk/teaching/courses/ip/resources/GEF/GEF_Tutorial_2up.pdf
List of resources for GEF : Tutorials
Hope this is helpful !!

GWT Image Cropping

I'm building a website using GWT and would like to add Image Cropping capability so users can upload their profile image and then crop it as they need to. I'm looking for something similar to Jcrop but in GWT.
I found THIS and THIS code samples how to crop an image on the client side but there is no UI part where user can select part of their image that needs to be cropped.
There were also couple of similar questions on SO (for example and this GWT with Jcrop) but nobody gave an example of the selection part of the image that uses pure GWT.
If you have an idea how to do it please share and I'm sure other people will leverage from this in the future.
Here is the example of what I'm looking for:
I recommend that you take route #1. I've been working full time in GWT for awhile and spend a lot of time looking for libraries, and this is one that I just don't think exists yet.
Here are your options:
Wrap Jcrop using a JSNI interface.
Pros: You have to include JQuery and JCrop, which are small and robust
Cons: Learning how to build your first JSNI wrapper can be a pain
Build your own from GWT Drag and Drop
Pros: "Pure GWT"
Cons: You probably won't handle all the edge cases that JCrop has figured out over time, nor be as featureful.
Port JCrop to GQuery
Pros: JCrop is open source and only around ~1600 lines of code
Cons: It's ~1600 lines of code, which is likely to be much bigger when ported to Java
If you decide to do any of the above, please open source it! I'd be happy to contribute, and it looks like something that I could use in my GWT projects as well.
GWT Cropper is a widget that allows cropping an image.
https://code.google.com/p/gwt-cropper/
Edited in 2015: as long as Google Code is about to be closed, the project has been moved to GitHub. The new address is https://github.com/w32blaster/gwt-cropper

What UI is used on this pictures? (node based ui)

I'm wondering what UI library is used on the images below (it's from CityEngine). Does anyone know other UI libraries with similar capabilities (free floating, connected nodes with arbitrary UI elements)?
I think it might be a part of Eclipse/JFace/SWT toolkit.
or:
In particular from your second sample it does indeed seem to be Eclipse/JFace/SWT. To be sure about how it gets that particular graph-like look you'd have to see the source, but my guess is it might use GEF: http://eclipse.org/gef
While the surrounding UI is implemented with Eclipse/JFace/SWT, the editor is not implemented with SWT or GEF but with a custom non-public library based on OpenGL.
I found a stack trace where you can clearly see that no SWT/GEF/Draw2D code is involved:
http://forums.esri.com/CityEngine/forum-30031.html.txt
The rendering code lives in the package org.corebounce.lib3d2.