ZIM Explore! 73.  Making a Leader Board on the Canvas with ZIMjs
Channel: ZIM LEARN
Date: 2023-05-01

This is our third Explore of using ZIM Tile to layout components.  In this one we take you through a Leader Board app  Please see the previous ZIM Explores.  In this one we show how to use different column sizes and alignment.  We also show how to use series() to change colors of columns and handle alternate or grouped row colors.

00:00 start: intro about the leaderboard
07:18 positioning the pages on tap() method
14:22 under the hood of docs tile https://zimjs.com/docs.html?item=Tile
18:53 pageList of all different pages makePage()
21:18 how to create a Leaderboard
28:00 series of rectangle widths
31:26 series: possibilities into the docs https://zimjs.com/docs.html?item=series
36:10 using series to align text
41:08 preparing cols of data, loop() cols and rows
44:53 data.unshift
50:10 swapping alternating colors
53:00 Labels preparing in the leaderboard
53:53 styling the labels in the cols
59:50 masking the label