Skip to main content

Trees

These are the different tree choices that can be chosen from, they will be caterized into radial and non-radial trees:

Radial trees​

The following are the radial or circular trees

goldenRod​

The goldenRod tree type is one of the radial tree types, example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "goldenRod"
})

if you run this it would look something like this:

radialSpiderLeg​

The radialSpiderLeg tree type is the second radial type tree types, example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "radialSpiderLeg"
})

if you run this it would look something like this:

Non-radial trees​

The following are the non-radial trees types.

default​

This is the default tree type, and it is also useful in but not limited to organizations with hierarchical type structure, example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "default"
})

cellar​

The cellar tree structure is also useful in but not limited to organizations with hierarchical type structure, example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "cellar"
})

hSpider​

The hSpider tree is an horizontal tree, example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "hSpider"
})

hSpiderWalk​

The hSpiderWalk tree is an horizontal tree just like the hSpider but it is in the shape of the letter "H", example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "hSpiderWalk"
})

vSpiderWalk​

The vSpiderWalk tree is a verticaal tree just like the hSpiderWalk but it is vertical, example

const instance1 = new TreeSpider({
    targetContainer: "#container-1",
    tree_type: "vSpiderWalk"
})