Awesome Panel Extensions Package¶

The Awesome Panel Extensions package contains Panel Extensions that add to the power of Panel.

Installation¶

You can install the package via

pip install awesome-panel-extensions

Each individual extension might depend on additional packages. For example the awesome_panel_extensions.panes.PandasProfileReport depends on the Pandas Profiling package.

Reference Gallery¶

Check out the extensions by clicking the images below.

Models¶

Icon¶

Use it via from awesome_panel_extensions.models import Icon.

Icon

Panes¶

PandasProfileReport¶

Use it via from awesome_panel_extensions.pane import PandasProfileReport.

PandasProfileReport

WebComponent¶

Use it via from awesome_panel_extensions.web_component import WebComponent.

You can think of the WebComponent as a HTML pane that supports bidirectional communication and large data transfer.

You can use the WebComponent to quickly plugin web component or javascript libraries.

So if you are not satisfied with the look and feel of the existing Panel widgets then use the WebComponent to plug in your favourite set of widgets. Or if the DataFrame pane or widget is not enough for your use case, then plugin an alternative data table.

For an introduction to web components see Web Components: the secret ingredient helping Power the web.

Widgets¶

LinkButtons¶

Use them via from awesome_panel_extensions.widgets import link_buttons.

../../_images/link_buttons.png LinkButtons

PivotTable¶

The PivotTable is a nice, interactive widget for getting insights from data.

Use it via from awesome_panel_extensions.widgets.pivot_table import PivotTable

Frameworks¶

Fast¶

The Fast extensions are based on the fast.design web components web component which are open sourced by Microsoft and probably will power the VS Code and Microsoft Office experience in the future.

Fast Logo

Please note that you can only use the Fast components inside a custom Panel template that

Loads the Fast javascript library.
Wraps the content of the <body> html tag inside the fast-design-system-provider tag.

We provide the FastTemplate for easy usage.

You can also develop your own custom Panel template if you need something special. For example combining it with more fast.design web components and the Fluent Design System to create VS Code and Microsoft Office like experiences.

Please also note that the Fast components do not work on legacy browser like Internet Explorer.

FastAnchor¶

Use it via from awesome_panel_extensions.frameworks.fast import FastAnchor

../../_images/fast-anchor.png Fast Anchor

FastButton¶

Use it via from awesome_panel_extensions.frameworks.fast import FastButton

Fast Button

FastCheckbox¶

Use it via from awesome_panel_extensions.frameworks.fast import FastCheckbox

../../_images/fast-checkbox.png Fast Checkbox

FastLiteralAreaInput¶

Use it via from awesome_panel_extensions.frameworks.fast import FastLiteralAreaInput

../../_images/fast-literalarea-input.png FastLiteralAreaInput

FastLiteralInput¶

Use it via from awesome_panel_extensions.frameworks.fast import FastLiteralInput

../../_images/fast-literal-input.png Fast LiteralInput

FastSwitch¶

Use it via from awesome_panel_extensions.frameworks.fast import FastSwitch

../../_images/fast-switch.png Fast Switch

FastTextAreaInput¶

Use it via from awesome_panel_extensions.frameworks.fast import FastTextAreaInput

../../_images/fast-text-area.png FastTextAreaInput

FastTextInput¶

Use it via from awesome_panel_extensions.frameworks.fast import FastTextInput

../../_images/fast-text-input.png Fast TextInput

Material¶

The Material Extensions are based on the MWC Material Web Components and Material Design.

Please note that you need to add the Material Extension and Stylesheet components to you app to setup the js and css requirements.

Please also note that the Material Widgets do not work in older browsers like Internet Explorer.

Material Button¶

Use it via from awesome_panel_extensions.frameworks.material import Button

Material Button

Material CircularProgress¶

Use it via from awesome_panel_extensions.frameworks.material import CircularProgress.

../../_images/mwc-circular-progress.gif Material CircularProgress

Material IntSlider¶

../../_images/mwc-slider.png Material IntSlider

Use it via awesome_panel_extensions.frameworks.material.IntSlider.

Material LinearProgress¶

Use it via from awesome_panel_extensions.frameworks.material import LinearProgress.

../../_images/mwc-linear-progress.gif Material LinearProgress

Material Select¶

Use it via from awesome_panel_extensions.frameworks.material import Select

../../_images/mwc-select.png Material Button

Developer Tools¶

Awesome Panel Designer¶

Use it via from awesome_panel_extensions.developer_tools.designer import Designer.

The Awesome Panel Designer is my attempt to create an efficient workflow for data exploration and development of data apps in Python from an editor or IDE.

This is for developing any Python object that Panel can display:

Strings, Markdown, HTML/ Css/ Javascript
DataFrames
Matplotlib, Vega/ Altair, ECharts, Deck.gl, Bokeh, Plotly, HvPlot/ HoloViews, …
Panel layouts, widgets, extensions and apps

For more info click the link below.

Awesome Panel Designer Docs