HOWTO: Torus Chart on Canvas

[TimAI2]

What is a torus chart, well it is a doughnut (donut) chart.

This first example uses a list of values, which are fed into a procedure

which generates the torus chart and creates a legend. no mess, no fuss, just that.

[TimAI2]

This second example uses a list of lists with labels and values

It also provides a tooltip type experience when a segment of the torus is touched/clicked

A couple of global variables and the canvas touched event required for this

[ABG]

(added to Charts and Graphs section of FAQ)

AI2 (FAQ) Part 1 (A-M)

for Draw Arc example

ABG

 

[SteveJG]

And other implementations  2014    https://groups.google.com/forum/#!msg/mitappinventortest/VtOxig2EDlo/iIHxqjWm0WMJ;context-place=forum/mitappinventortest 

and 2016  https://groups.google.com/forum/#!msg/mitappinventortest/n3gYceQKfHk/a5huE4qvDwAJ;context-place=forum/mitappinventortest  

which shows how flexible graphing can be using the Canvas object with App Inventor.

Regards,

Steve

[ABG]

Nice threads!

ABG

[TimAI2]

and if you want to use google chart colours, here are the first 20: