UPDATE: The layout of Figma has slightly changed after recording this video. The create new design file button is at the top right-hand corner, and the settings button is under the profile icon at the top left-hand corner.
Need a beautiful dashboard in Python but don't know how to create one? In this video, I'll go over how to make a dashboard in Python using TkinterDesigner to create the UI with the drag-and-drop interface in Figma. We'll also use Matplotlib, a powerful graphing library, and go over how to create a table. All within 15 minutes!
🎨 Color Codes:
Dark Purple (For Window) - 2A2F4F
Pink (For Header) - E5BEEC
Light Purple (For Metrics & Containers) - 917FB3
Light Green (For Icon) - D9FFCA
Purple (For Centre Container) - 5F4A87
📚 Chapters:
00:00 - Intro
00:14 - Creating UI
04:13 - Converting UI To Code
05:13 - Adding Area Chart
09:44 - Adding Circular Bar Chart
12:36 - Adding Table
🔗 Links:
TkinterDesigner - https://github.com/ParthJadhav/Tkinter-Designer
Dummy Data - https://github.com/RoyChng/python-dashboard-tutorial/blob/master/starting_code/data.py
Completed Code: https://github.com/RoyChng/python-dashboard-tutorial/tree/master/ending_code/build
Recommended Matplotlib Tutorial Series: https://youtube.com/playlist?list=PL-osiE80TeTvipOqomVEeZ1HRrcEvtZB_
Learn More About Matplotlib: https://matplotlib.org/stable/index.html
TkinterDesigner Documentation: https://github.com/ParthJadhav/Tkinter-Designer/blob/master/docs/instructions.md
Matplotlib Colors: https://matplotlib.org/stable/gallery/color/named_colors.html#css-colors