Home

Awesome

#gwt-d3: the GWT wrapper around d3.js

Travis CI - Build status Javadocs

This library provides access to the d3.js API to the Java and GWT community. It allows GWT developers to use d3.js library in their project.

Goals of the library:

Have a look at the <a href="http://gwtd3.github.io/demo/">demo</a>.

<img src="http://gwtd3.github.io/gwt-d3/images/demo_chorddiagram.png" width="355px"> &nbsp; <img src="http://gwtd3.github.io/gwt-d3/images/demo_lorenzsystem.png" width="355px"> <br> <img src="http://gwtd3.github.io/gwt-d3/images/demo_scatterplot_brushing.png" width="355px"> &nbsp; <img src="http://gwtd3.github.io/gwt-d3/images/demo_brush_transition.png" width="355px">

##Getting started

1. Configure a project

Using Maven

add the gwt-d3-api module to your pom.xml:

<dependencies>
  ...
  <dependency>
    <groupId>com.github.gwtd3</groupId>
    <artifactId>gwt-d3-api</artifactId>
    <version>1.3.0</version>
    <scope>provided</scope>
  </dependency>
  ...

Note: these JARs don't contain any server-side code, so you don't need to package them into your webapp.

Without Maven

Download gwt-d3-js-3.5.11.jar, gwt-d3-api-1.3.0.jar. Add the JARs to the project classpath.

Note: these JARs don't contain any server-side code, so you don't need to package them into your webapp.

2. Add the gwt D3 module inheritance in your gwt module file (.gwt.xml):

  <inherits name='com.github.gwtd3.D3' />

3. Check everything works fine :

  final Label versionLabel = new Label("d3.js current version: " + D3.version());
  RootPanel.get().add(versionLabel);

Launch your application; the current version of d3.js should be displayed.

##Learn D3

##API docs

##Release notes

##Scope and coverage

Currently (9th of jan 2017), version 1.3.0 of gwt-d3 depends on the version 3.5.11 of d3.js codebase. However, not all the API is covered. Please also have a look to the <a href="https://github.com/gwtd3/gwt-d3/issues?milestone=&page=1&state=open">issues</a>.

#####CORE

APIstatusversionnotes
SelectionsComplete1.0.0
TransitionsComplete1.0.0
Localization--unplanned
Working with ArraysPartial1.0.0
MathComplete1.0.0
String FormattingComplete1.0.0
ColorsComplete1.0.0
Loading External ResourcesPartial-unplanned
CSV Formatting--unplanned
Namespaces--unplanned
Internals--unplanned

#####SCALES

APIstatusversionnotes
LinearComplete1.0.0
sqrtComplete1.0.0
powComplete1.0.0
logComplete1.0.0
quantizeComplete1.0.0
thresholdComplete1.0.0
quantileComplete1.0.0
identityComplete1.0.0
OrdinalComplete1.0.0

#####SVG

APIstatusversionnotes
Shapes
LineComplete1.0.0
line.radialComplete1.1.0
areaComplete1.1.0
area.radial--not planned
arcComplete1.1.0
chordComplete1.1.0
diagonalComplete1.1.0
diagonal.radialComplete1.1.0
SymbolComplete1.0.0
AxesComplete1.0.0
ControlsComplete1.1.0

#####LAYOUTS

APIstatusversionnotes
Bundle--planned for 1.4.0
Chord--planned for 1.4.0
ClusterComplete1.2.0
Force--planned for 1.4.0
HierarchyComplete1.2.0
Histogram--planned for 1.4.0
Pack--planned for 1.4.0
Partition--planned for 1.4.0
Pie--planned for 1.4.0
Stack--planned for 1.4.0
TreeComplete1.2.0
Treemap--planned for 1.4.0

#####TIME

APIstatusversionnotes
Time FormattingComplete1.0.0
Time ScalesComplete1.0.0
Time IntervalsComplete1.0.0

#####GEOGRAPHY

APIstatusversionnotes
Paths--planned for 1.5.0
Projections--planned for 1.5.0
Streams--planned for 1.5.0

#####GEOMETRY

APIstatusversionnotes
QuadtreeComplete1.0.0
PolygonComplete1.0.0
HullComplete1.0.0
VoronoiPartial1.1.0

#####BEHAVIORS

APIstatusversionnotes
DragComplete1.0.0
ZoomComplete1.0.0

##Version mapping

GWT-D3 versiond3.js versionGWT-D3 release date
1.3.03.5.112017 01 09
1.2.03.5.112016 01 30
1.1.13.5.32015 02 06
1.1.03.5.32015 02 03
1.0.13.3.102013 12 07
1.0.03.3.62013 09 30
<a href="http://repository-gwt-d3.forge.cloudbees.com/release/com/github/gwtd3/gwt-d3-api/0.0.16/">0.0.16</a>3.3.62013 09 29
0.0.153.1.102013 07 29
0.0.143.1.102013 07 24
0.0.133.1.102013 06 13
0.0.123.1.102013 06 01

##Debugging d3.js

You may be interested in debugging d3.js scripts when using super dev mode. If so, just add to your gwt application module file the following configuration:

  <set-property name="d3.pretty" value="true"/>

##License

See LICENSE file