FxTreeMap

An JavaFx implementation of a treemap

The original algorithm for the core code is derived from javafx-chart-treemap.

Disclaimer

This small project is in its very early days and features may not be stable.

SO, feel free to request changes!! I welcome ideas for missing features/architectures...

Usage

If using maven, one can add the following dependency:

<dependency>
  <groupId>com.github.ptitnoony.components</groupId>
  <artifactId>fxtreemap</artifactId>
  <version>0.2</version>
</dependency>

Available tree maps components

FxTreeMap (most complete at the moment)

This version uses a set a javafx.scene.shape.Rectangle to draw the treemap. It also allows more flexibility (on the implementation side) to add new features.

CanvasTreeMap

This component uses a javafx.scene.canvas.Canvas to draw the treemap.

How to

The main examples are available in the main class. Here is an extract of the code

Create the data set

        SimpleMapData data1 = new SimpleMapData("data1", 6.0);
        ...
        SimpleMapData data7 = new SimpleMapData("data7", 1.0);
        AggredatedData data = new AggredatedData("data-set1", data1, data2, data3, data4, data5, data6, data7);

Create the treemap component

        FxTreeMap fxTreeMap = new FxTreeMap(data);

Style the treemap (optional)

        fxTreeMap.setBackgroundColor(Color.LIGHTGRAY);
        fxTreeMap.setStoke(Color.WHITESMOKE);
        fxTreeMap.setBorderRadius(10.0);
        fxTreeMap.setPadding(5);

Add the treemap to the scene

        Node fxTreeMapNode = fxTreeMap.getNode();
        rectAnchorPane.getChildren().add(fxTreeMapNode);
        AnchorPane.setBottomAnchor(fxTreeMapNode, 4.0);
        AnchorPane.setLeftAnchor(fxTreeMapNode, 4.0);
        AnchorPane.setRightAnchor(fxTreeMapNode, 4.0);
        AnchorPane.setTopAnchor(fxTreeMapNode, 4.0);

Control view (for illustration)

The library provides a small example to illustrate the controls over the TreeMap component.

Next steps

~~update UI when data model is changed~~
use css styles
draw recursively in canvas example
draw names for each data item

hbh520/fxTreeMap