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

Force Directed Placement

{{$t('general.by')}}
A graph is drawn considering the edges like springs and the nodes like masses. the key controls are: 't' - toggle trail rendering 'b' - toggle masses rendering '+' - add masses any other key to switch between random generation and fully connected graph. click with the mouse to have some fun. in RANDOM mode every mass increase as new masses are created and connected with it. in GRAPH mode every node has the same mass to let the algorithm converge to a beautiful star shape.
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')}}