Basic Tutorials#

Welcome to the Basic Tutorials!

Are you ready to dive into the exciting world of Panel? Our Basic Tutorials are designed to guide you step by step through building awesome apps with wind turbine data. Whether you’re a beginner or an enthusiast, we’ve got you covered! And don’t hesitate to reach out on Discord if you need help along the way.

Prerequisites#

Before we dive in, make sure you’ve followed along with our Getting Started Guide.

Please execute the following command to install the dependencies required by the basic tutorials:

pip install altair hvplot matplotlib numpy pandas panel plotly scipy watchfiles
conda install -y -c conda-forge altair hvplot matplotlib numpy pandas panel plotly scipy watchfiles

Important

Is Panel installed together with JupyterLab/Jupyter Notebook in your working environment? If not, you need to make sure that panel is also installed in the same environment as JupyterLab/Jupyter Notebook (pip install panel or conda install panel).

Let’s Get Started#

Start your journey with these foundational tutorials:

Master Panel Basics#

Once you’re comfortable, it’s time to dive deeper. Through a series of lessons we will learn about displaying content, arranging it on the page, handling user inputs and then how to improve the UI and UX of our applications.

1. Display Content#

  • pn.panel: Learn to display Python objects easily with pn.panel

  • Panes: Learn to display content by creating Panes.

  • Indicators: Visualize key metrics with simple indicators

2. Organize Content#

3. Handle User Input#

  • Widgets: Learn about handling user input with widgets.

  • React to User Input: Learn about reacting to user input by binding it to interactive components.

  • Reactive Expressions: Learn about handling state and writing entire reactive expressions.

4. Improve the Look#

  • Templates: Learn to structure your app with pre-built templates.

  • Designs: Style your apps using pre-built designs

  • Styles: Further customize the look and feel by adding CSS styling.

5. Improve the Feel#

  • Caching: Leverage caching to enhance the speed and efficiency of your app.

  • Activity Indicators: Indicate progress and add notifications to improve the user experience.

  • Progressive Updates: Efficiently and effortlessly update the content in your app with progressive updates.

Share Your Creations#

Share your awesome apps with the world!

Ready for Projects?#

Now that you’ve got the basics down, it’s time to put your skills to the test:

Let’s start building some amazing wind turbine apps! 🌬️🌀

Community Tutorials#

Want more? Check out some amazing tutorials by the community.