renamed chart to pichart, added card and container

README.md

@@ -5,3 +5,5 @@ A tiny dashboard solution for displaying data from an MQTT server
 ## Notes
 - This uses the [Pimoroni Pico Display Pack](https://shop.pimoroni.com/products/pico-display-pack?variant=32368664215635) or [Pimoroni Pico Display 2.0"](https://shop.pimoroni.com/products/pico-display-pack-2-0?variant=39374122582099), which use ST7789 display driver. 
 - I'm using the Pimoroni 'batteries included' MicroPython build so if you get a st7789 not found, this is why. Grab that from the Pimoroni website.
+
+I've also renamed the library from chart.py to pichart.py

card_demo.py

@@ -0,0 +1,122 @@
+# Pico Dashboard4 - for smaller displays
+# Kevin McAleer
+# June 2022
+
+# import picodisplay2 as display
+from pichart import Chart, Card
+from picographics import PicoGraphics, DISPLAY_PICO_DISPLAY_2
+display = PicoGraphics(display=DISPLAY_PICO_DISPLAY_2)
+# from st7789 import ST7789
+import gc 
+import machine
+from time import sleep
+from random import randint
+# WIDTH, HEIGHT = 320, 240 # Pico Display 2.0
+# WIDTH, HEIGHT = 240, 135 # Pico Display Pack
+WIDTH, HEIGHT = display.get_bounds()
+
+# display = ST7789(WIDTH, HEIGHT, rotate180=False)
+
+gc.collect()
+
+# Set the display backlight to 50%
+display.set_backlight(1.0)
+
+data = [10,11,9,13,2,10,12,10,10,9,7,11,10,11,9,13,2,10,12,10,10,9,7,11]
+
+# Set the theme colour
+THEME = {'red': 255, 'green': 171, 'blue': 57}
+THEME2 = {'red': 252, 'green': 193, 'blue': 109}
+THEME3 = {'red': 151, 'green': 250, 'blue': 121}
+WHITE = {'red': 255, 'green': 255, 'blue': 255}
+LIGHT_GREY = {'red': 240, 'green': 240, 'blue': 240}
+BLUE = {'red': 20, 'green': 155, 'blue': 206}
+LIGHT_BLUE = {'red': 55, 'green': 170, 'blue': 213}
+GREEN = {'red': 0, 'green': 220, 'blue': 0}
+ORANGE = {'red': 255, 'green': 171, 'blue': 57}
+LIGHT_ORANGE = {'red': 255, 'green': 179, 'blue': 94}
+
+# Frame background colour
+BACKGROUND = {'red': 255, 'green': 171, 'blue': 57}
+
+border = 2
+# frame(border,border,width-(border*2),height-(border*2),BACKGROUND)
+
+card1 = Card(display, title='Hello World')
+card1.margin = border
+
+card1.width = WIDTH //2
+card1.height = HEIGHT //2 
+
+card1.x = WIDTH //2 - card1.width //2
+card1.y = HEIGHT // 2 - card1.height //2
+
+card1.background_colour = WHITE
+card1.title_colour = ORANGE
+
+# These loops adjust the scale of the text until it fits on the screen
+card1.text_scale = 20
+
+text_colour = display.create_pen(ORANGE['red'], ORANGE['green'], ORANGE['blue'])
+
+while True:
+    display.set_font("bitmap8")
+    name_length = display.measure_text(card1.title, card1.text_scale)
+    if name_length >= WIDTH - border:
+        card1.text_scale -= 1
+    else:
+        # comment out this section if you hate drop shadow
+        print(f'card1.text_scale {card1.text_scale}')
+
+        # display.text(card1.title, int((WIDTH - name_length) / 2 + 10), 10 , WIDTH, title_size)
+
+        # draw name and stop looping
+        # card1.title_size = title_size
+#         display.set_pen(text_colour)
+#         display.text(card1.title, int((WIDTH - name_length) / 2 + 10), 10, WIDTH, title_size)
+        break
+
+card1.update()
+
+
+# chart1 = Chart(display, title='Temperature', x_values=data)
+# chart1.data_colour = WHITE
+# chart1.title_colour = WHITE
+# chart1.border_colour = WHITE
+# chart1.background_colour = BLUE
+# chart1.grid_colour = LIGHT_BLUE
+# chart1.border_width = 1
+
+# chart1.x = 0
+# chart1.y = 0
+# chart1.width = WIDTH
+# chart1.height = HEIGHT
+# chart1.grid = True
+# chart1.update()
+# chart1.show_labels = True
+# chart1.show_lines = True
+# chart1.show_bars = False
+# chart1.show_datapoints = True
+
+# sensor_temp = machine.ADC(4)
+# conversion_factor = 3.3 / (65535)
+
+# data = [20,34]
+# chart1.x_values = data
+# chart1.scale_data()
+# data = []
+# chart1.x_values = data
+
+# while True or KeyboardInterrupt:
+#     reading = sensor_temp.read_u16() * conversion_factor 
+#     temperature = int(27 - (reading - 0.706)/0.001721)
+#     data.append(temperature)
+#     print(data)
+#     if len(data) == 29:
+#         data.pop(0)
+
+#     chart1.x_values = data
+
+#     print(chart1.x_values)#
+#     chart1.update()
+#     sleep(0.5)