Press escape to exit fullscreen

{{sketch.instructions}}

CC {{sketch.licenseObject.short}}

Archived Sketch

This sketch is created with an older version of Processing,
and doesn't work on browsers anymore.

View Source Code

Capture Screenshot

Tree with Data and hiding / show branches

{{$t('general.by')}}
polar
This is a Tree with Data stored in it. Each node can have some children. Hiding and show selected branches with - and +. Cursor up and down moves the selection. F toggle view to 3D / 2D. When in 3D, use PeasyCam. Note that it has indent (depending on the depth of the node) in x direction (and also in z direction when in 3D).<br> It's meant to store hierarchical data such as directory trees of hard drives. The data shown is only test data for fun showing vehicles with 1,2,3,4 wheels. ;-)<br> I wanted to discuss how to maintain such a tree in a intelligent and elegant way. This isn't
We recovered an unsaved version of this sketch. Please review your changes below.

As a Plus+ Member feature, this source code is hidden by the owner.

  • {{co.title}}
    •
    {{$t('sketch.mode-pjs')}} {{$t('general.learnMore')}}
    Select mode or a template
    {{liveCodeLink}}
    • {{l.url.substr(l.url.lastIndexOf('/') + 1)}}
    {{$t('sketch.layoutDescription')}}

    {{k.category}}
    {{k.label}}
    {{k.description}}

    {{$t('sketch.seeMoreShortcuts')}}

    Versions are only kept for 7 days.
    Join Plus+ to keep versions indefinitely!

    {{$t('general.joinPlus')}}

    {{$t('sketch.versionsSummarized')}}

    {{ $t('general.joinPlus') }}