OpenProcessing will be down for upgrades on Saturday (December 10th) between 12:00 - 16:00 CET.
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

Click capture
to take a screenshot

Ring Chart

{{$t('general.by')}}
Ring chart implementation as typically used in disk allocation programs, also known as Multi-level Pie Charts. It's size and the thickness of the rings adapt dynamically to the container. The rings can start and end at any angle. The segments of each ring are divided proportionally based on the segments value and drawn to the proper arc length based on the start and end angle. Comments of the main classes: http://go.yuri.at/processing-rings-chart/
{{$t('general.eg',["mouse, keyboard"])}}
{{$t('general.eg',["visualization, fractal, mouse"])}}
{{$t('general.learnMoreAbout')}} Creative Commons
{{$t('sketch.privateURLDescription')}}
{{$t('sketch.privateURL-pleaseSave')}}
We recovered an unsaved version of this sketch. Please review your changes below.
  • {{v.title}}

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 choose a template
    • {{t.title}}
      {{t.description}}

    • {{t.title}}
      {{t.description}}
    • {{l.url.substr(l.url.lastIndexOf('/') + 1)}}

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

    Drop files here or select

    • {{f.name}}{{Math.round(f.size / 1024 / 1024 * 100) / 100 + ' mb'}}
      {{f.errorMessage}}
    {{$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')}}