JitWidget: A simple gwt wrapper for jit

679 views
Skip to first unread message

weltermann17

unread,
Jul 4, 2009, 5:07:32 AM7/4/09
to JavaScript Information Visualization Toolkit
Hi,

for those interested in a simple wrapper of jit functionality within
the Google Web Toolkit, please have a look here:

http://weltermann17.wordpress.com/2009/07/02/jit-gwt-a-low-cost-solution-2/

weltermann17

unread,
Jul 7, 2009, 4:20:15 PM7/7/09
to JavaScript Information Visualization Toolkit
Hi,

the previous post had an error in the event handling implementation. I
accidently overshadowed the native "ClickEvent" with my own
"ClickLabelEvent". You find the corrected version and some
enhancements here:

http://weltermann17.wordpress.com/

Sherman

unread,
Jul 23, 2009, 3:18:40 PM7/23/09
to JavaScript Information Visualization Toolkit
Thank you weltermann17, your implementation of the wrapper helped me
big time! The eclipse maven project I have created is at
http://javascript-information-visualization-toolkit.googlegroups.com/web/jit_testproject.zip.
I hope this maven project helps some of you who may be researching on
using JIT in GWT.

My 0.02.

M

unread,
Jul 23, 2009, 4:50:09 PM7/23/09
to javascript-information...@googlegroups.com
Sorry but how to lunch the project? Im new in programming, any help!

-----Ursprüngliche Nachricht-----
Von: javascript-information...@googlegroups.com
[mailto:javascript-information...@googlegroups.com] Im
Auftrag von Sherman
Gesendet: 23 تموز, 2009 09:19 م
An: JavaScript Information Visualization Toolkit
Betreff: Re: JitWidget: A simple gwt wrapper for jit

Sherman

unread,
Jul 23, 2009, 7:58:09 PM7/23/09
to JavaScript Information Visualization Toolkit
To launch the project, you need Eclipse 3.3.1.1. Once you have
3.3.1.1, install the maven plugin for Eclipse (http://maven.apache.org/
eclipse-plugin.html). The plugin will include all the required
libraries base on the declarations in the pom.xml files.

Once you have maven plugin installed you can define a maven build
task. Set base directory to "${workspace_loc:/jit-test-project/jit-
test}", Goals to "clean compile", and profiles to "build-gwt".

Once you have build the project using the Eclipse Maven plugin. Right
click on JitTest.launch and select "Run As" --> "JitTest". two GWT
windows will pop up. One has the logs and the other has the running
application.

If you need to know more about how the pom.xml works you can find more
information at http://maven.apache.org/.

On Jul 23, 1:50 pm, "M" <shahe...@gmail.com> wrote:
> Sorry but how to lunch the project? Im new in programming, any help!
>
> -----Ursprüngliche Nachricht-----
> Von: javascript-information...@googlegroups.com
> [mailto:javascript-information...@googlegroups.com] Im
> Auftrag von Sherman
> Gesendet: 23 تموز, 2009 09:19 م
> An: JavaScript Information Visualization Toolkit
> Betreff: Re: JitWidget: A simple gwt wrapper for jit
>
> Thank you weltermann17, your implementation of the wrapper helped me
> big time!  The eclipse maven project I have created is athttp://javascript-information-visualization-toolkit.googlegroups.com/...

Sherman

unread,
Jul 29, 2009, 4:07:00 PM7/29/09
to JavaScript Information Visualization Toolkit
Found a bug in JIT itself (not the wrapper). When I try to refresh
the tree with new data the label are not displayed. I have fixed the
problem. My modified version of the jit.js is at
http://groups.google.com/group/javascript-information-visualization-toolkit/web/jit.js

I edited the following method.

plotLabel: function(canvas, node, controller) {
var id = node.id, tag = this.getLabel(id);
if(document.getElementById(id) == null) {
tag = document.createElement('div');
var container = this.getLabelContainer();
container.appendChild(tag);
tag.id = id;
tag.className = 'node';
tag.style.position = 'absolute';
this.labels[node.id] = tag;
}
controller.onCreateLabel(tag, node);
this.placeLabel(tag, node, controller);
},


On Jul 23, 4:58 pm, Sherman <tsesher...@gmail.com> wrote:
> To launch the project, you need Eclipse 3.3.1.1.  Once you have
> 3.3.1.1, install the maven plugin for Eclipse (http://maven.apache.org/
> eclipse-plugin.html).  The plugin will include all the required
> libraries base on the declarations in the pom.xml files.
>
> Once you have maven plugin installed you can define a maven build
> task.  Set base directory to "${workspace_loc:/jit-test-project/jit-
> test}", Goals to "clean compile", and profiles to "build-gwt".
>
> Once you have build the project using the Eclipse Maven plugin.  Right
> click on JitTest.launch and select "Run As" --> "JitTest".  two GWT
> windows will pop up.  One has the logs and the other has the running
> application.
>
> If you need to know more about how the pom.xml works you can find more
> information athttp://maven.apache.org/.

Nico Garcia Belmonte

unread,
Jul 29, 2009, 4:18:58 PM7/29/09
to javascript-information...@googlegroups.com
Hi,

Thanks for the information.

This seems like a bug when caching the labels, I think I fixed this bug in tree/master.

Can you please tell me what code are you using to refresh the visualization and what visualization are you using?
--
I would never die for my beliefs because I might be wrong.

Bertrand Russell

Sherman

unread,
Jul 29, 2009, 8:00:15 PM7/29/09
to JavaScript Information Visualization Toolkit
Thank you Nico Garcia Belmonte for replying. The version I downloaded
was Jit-1.1.2.zip. I will try out master copy.

BTW I have added examples for using RGraph at
http://groups.google.com/group/javascript-information-visualization-toolkit/web/jit_testproject2.zip.
It is based on the framework created by weltermann17.

On Jul 29, 1:18 pm, Nico Garcia Belmonte <phil...@gmail.com> wrote:
> Hi,
>
> Thanks for the information.
>
> This seems like a bug when caching the labels, I think I fixed this bug in
> tree/master.
>
> Can you please tell me what code are you using to refresh the visualization
> and what visualization are you using?
>
> Found a bug in JIT itself (not the wrapper).  When I try to refresh
>  the tree with new data the label are not displayed.  I have fixed the
> problem.  My modified version of the jit.js is athttp://groups.google.com/group/javascript-information-visualization-t...

Joao Lourenco

unread,
Jul 30, 2009, 5:33:42 PM7/30/09
to javascript-information...@googlegroups.com
Hi,

How can I see your test project?

I tried "mvn clean compile package" and got the following message:

[INFO] ------------------------------------------------------------------------
[ERROR] FATAL ERROR
[INFO] ------------------------------------------------------------------------
[INFO] Invalid uri 'http://gwt-maven.googlecode.com/svn/trunk/mavenrepo/org/apac
he/maven/plugins/maven-site-plugin/${site.plugin.version}/maven-site-plugin-${si
te.plugin.version}.pom': escaped absolute path not valid
[INFO] ------------------------------------------------------------------------
[INFO] Trace
java.lang.IllegalArgumentException: Invalid uri 'http://gwt-maven.googlecode.com
/svn/trunk/mavenrepo/org/apache/maven/plugins/maven-site-plugin/${site.plugin.ve
rsion}/maven-site-plugin-${site.plugin.version}.pom': escaped absolute path not
valid
        at hidden.org.apache.commons.httpclient.HttpMethodBase.<init>(HttpMethod


Any idea? Thanks in advance

and sorry Nico... since this is not a JIT issue

Sherman

unread,
Jul 31, 2009, 5:13:38 PM7/31/09
to JavaScript Information Visualization Toolkit
That means some properties where missing replace the contents inside
the "properties" tag of jit-test-project/pom.xml with the following.
If you see references to org.kuali.student.core you may want to remove
those and add in the gwt dependencies.
<properties>
<atomikos.version>3.4.1</atomikos.version>
<cxf.version>2.2</cxf.version>
<gwtVersion>1.6.4</gwtVersion>
<jaxws-api.version>2.1</jaxws-api.version>
<jaxws.version>2.1.5</jaxws.version>
<metro.version>1.4</metro.version>
<junit.version>4.4</junit.version>
<spring.version>2.5.4</spring.version>
<spring.security.version>2.0.4</spring.security.version>
<derby.version>10.4.2.0</derby.version>
<jetty.version>6.1.6</jetty.version>
<eclipselink.version>1.0</eclipselink.version>
<aspectj.version>1.5.4</aspectj.version>
</properties>


<!-- plugin versions -->
<cobertura.plugin.version>2.2</cobertura.plugin.version>
<javadoc.plugin.version>2.4</javadoc.plugin.version>
<site.plugin.version>2.0-beta-7</site.plugin.version>
<gwt.plugin.version>2.0.1-ks26</gwt.plugin.version>
<war.plugin.version>2.1-beta-1</war.plugin.version>


On Jul 30, 2:33 pm, Joao Lourenco <joao...@gmail.com> wrote:
> Hi,
>
> How can I see your test project?
>
> I tried "mvn clean compile package" and got the following message:
>
> [INFO]
> ------------------------------------------------------------------------
> [ERROR] FATAL ERROR
> [INFO]
> ------------------------------------------------------------------------
> [INFO] Invalid uri 'http://gwt-maven.googlecode.com/svn/trunk/mavenrepo/org/apac
> he/maven/plugins/maven-site-plugin/${site.plugin.version}/maven-site-plugin-${si
> te.plugin.version}.pom': escaped absolute path not valid
> [INFO]
> ------------------------------------------------------------------------
> [INFO] Trace
> java.lang.IllegalArgumentException: Invalid uri 'http://gwt-maven.googlecode.com/svn/trunk/mavenrepo/org/apache/maven/...{
> site.plugin.ve
> rsion}/maven-site-plugin-${site.plugin.version}.pom': escaped absolute path
> not
> valid
>         at
> hidden.org.apache.commons.httpclient.HttpMethodBase.<init>(HttpMethod
>
> Any idea? Thanks in advance
>
> and sorry Nico... since this is not a JIT issue
>
> On Thu, Jul 30, 2009 at 1:00 AM, Sherman <tsesher...@gmail.com> wrote:
>
> > Thank you Nico Garcia Belmonte for replying.  The version I downloaded
> > was Jit-1.1.2.zip.  I will try out master copy.
>
> > BTW I have added examples for using RGraph at
>
> >http://groups.google.com/group/javascript-information-visualization-t...
> > .

Sherman

unread,
Jul 31, 2009, 5:20:57 PM7/31/09
to JavaScript Information Visualization Toolkit
By replaceing references to org.kuali.student.core. I mean in the jit-
test-project/jit-test/pom.xml

Erase
<!-- KS core & common dependencies -->
<dependency>
<groupId>org.kuali.student.core</groupId>
<artifactId>ks-common-util</artifactId>
<version>0.0.1-SNAPSHOT</version>
<classifier>sources</classifier>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>org.kuali.student.core</groupId>
<artifactId>ks-common-ui</artifactId>
<version>0.0.1-SNAPSHOT</version>
</dependency>
<dependency>
<groupId>org.kuali.student.core</groupId>
<artifactId>ks-core-ui</artifactId>
<version>0.0.1-SNAPSHOT</version>
<classifier>sources</classifier>
<scope>provided</scope>
</dependency>

and add
<!-- GWT Dependencies -->
<dependency>
<groupId>javax.xml.bind</groupId>
<artifactId>jaxb-api</artifactId>
<version>2.1</version>
<classifier>sources</classifier>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.google.gwt</groupId>
<artifactId>gwt-incubator</artifactId>
<version>1.6</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.google.gwt</groupId>
<artifactId>gwt-user</artifactId>
<version>${gwtVersion}</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.google.gwt</groupId>
<artifactId>gwt-dev</artifactId>
<version>${gwtVersion}</version>
<classifier>${platform}-libs</classifier>
<type>zip</type>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.google.gwt</groupId>
<artifactId>gwt-dev</artifactId>
<version>${gwtVersion}</version>
<classifier>${platform}</classifier>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.google.gwt</groupId>
<artifactId>gwt-servlet</artifactId>
<version>${gwtVersion}</version>
<exclusions>
<exclusion>
<artifactId>junit</artifactId>
<groupId>com.google.gwt</groupId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>com.google.gwt</groupId>
<artifactId>gwt-visualization</artifactId>
<version>1.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.google.code.gwtx</groupId>
<artifactId>gwtx</artifactId>
<version>1.5.3</version>
<scope>provided</scope>
</dependency>

justavo

unread,
Jun 21, 2011, 11:59:45 PM6/21/11
to javascript-information...@googlegroups.com
Hello... 

Any further activity on the group?  Has anybody out there used the wrapper successfully?
Is it suitable for all the Data Visualizations JIT provides? Basically I want to use TreeMap and ForceDirected. Does this wrapper will help me to integrate them to GWT?

Thanks in advance.

justavo

unread,
Jun 22, 2011, 12:53:47 AM6/22/11
to javascript-information...@googlegroups.com
Tried to download the maven project Sherman created but no luck. It seems it was removed...
Any clues?

Goofy

unread,
Aug 16, 2012, 12:03:20 AM8/16/12
to javascript-information...@googlegroups.com, jus...@gmail.com
Weltermann17's wrapper seems to be here: https://joinup.ec.europa.eu/svn/app6-maker-ui/trunk/src/de/kp/app6/client/thejit/ 
hv a look. It works great on my project.

在 2011年6月22日星期三UTC+8下午12时53分47秒,justavo写道:

alan

unread,
Sep 15, 2012, 4:45:41 AM9/15/12
to javascript-information...@googlegroups.com
Any update on this?
I'm looking to use thejit in a GWT app to replace my google visualisations
but am less experienced with JavaScript than I am with Java.

Anyone have an example of how to do this?

Regards,
Alan

Reply all
Reply to author
Forward
0 new messages