Groups
Sign in
Groups
MIT App Inventor Forum
Conversations
Labels
About
Send feedback
Help
HOWTO: Torus Chart on Canvas
347 views
Skip to first unread message
TimAI2
unread,
Aug 6, 2019, 4:20:42 PM
8/6/19
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Sign in to report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to mitappinv...@googlegroups.com
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.
torus.webm
blockstorusprocedure.png
blockstoruscall.png
Torus.aia
TimAI2
unread,
Aug 6, 2019, 4:22:52 PM
8/6/19
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Sign in to report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to mitappinv...@googlegroups.com
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
torustooltip.webm
blockstooltipcanvas.png
blockstooltipvar2.png
blockstooltipvar1.png
blockstooltipprocedure.png
blockstooltipcall.png
TorusLegend.aia
ABG
unread,
Aug 6, 2019, 5:33:21 PM
8/6/19
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Sign in to report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to MIT App Inventor Forum
(added to Charts and Graphs section of FAQ)
AI2 (FAQ) Part 1 (A-M)
for Draw Arc example
ABG
SteveJG
unread,
Aug 6, 2019, 7:57:04 PM
8/6/19
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Sign in to report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to MIT App Inventor Forum
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
unread,
Aug 6, 2019, 10:51:50 PM
8/6/19
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Sign in to report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to MIT App Inventor Forum
Nice threads!
ABG
TimAI2
unread,
Aug 7, 2019, 6:24:17 AM
8/7/19
Reply to author
Sign in to reply to author
Forward
Sign in to forward
Delete
You do not have permission to delete messages in this group
Copy link
Report message
Sign in to report message
Show original message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to MIT App Inventor Forum
and if you want to use google chart colours, here are the first 20:
googlechartcolours-ai2.csv
googlechartcolours-rgb.csv
Reply all
Reply to author
Forward
0 new messages