Logo image Logo image
  • Overview
  • Getting Started
  • User Guide
  • Gallery
  • Reference Gallery
  • Developer Guide
  • API Reference
  • Releases
  • FAQ
  • About
  • Overview
  • Getting Started
    • Installation
    • Build an app
    • Core Concepts
  • User Guide
    • Overview
    • Components
    • APIs
    • Customization
    • Interact
    • Widgets
    • Parameters
    • Linking
    • Pipelines
    • Templates
    • Performance and Debugging
    • Session state & Callbacks
    • Asynchronous and Concurrent Process
    • Display & Export
    • Running Panel in the Browser with WASM
    • Server Configuration
    • Server Deployment
    • Authentication
    • Django Integration
    • FastAPI Integration
    • Building Custom Components
  • Gallery
    • VTKInteractive
    • VTKSlicer
    • VTKWarp
    • Attractors
    • Gapminders
    • Glaciers
    • Nyc Taxi
    • Portfolio-optimizer
    • Altair Brushing
    • Altair Choropleth
    • Clifford Interact
    • Color Speech Recognition
    • Deckgl Game Of Life
    • Defer Data Load
    • File Download Examples
    • Hvplot Explorer
    • Iris Kmeans
    • Loading Spinner
    • Random Number Generator
    • Save Filtered Df
    • Sync Location
    • Temperature Distribution
    • Xgboost Classifier
    • Stocks Altair
    • Stocks Hvplot
    • Stocks Matplotlib
    • Stocks Plotly
    • Distribution Tabs
    • Dynamic Tabs
    • Plot With Columns
    • Dynamic Plot Layout
    • Dynamic Timeseries Image Analysis
    • Dynamic Ui
    • Dynamic Widget Values
    • Action Button
    • Deck Gl Global Power Plants
    • Download Upload Csv
    • Loading Indicator
    • Param Subobjects
    • Precedence
    • Reactive Plots
    • Reactive Tables
    • Hardware Automation
    • Streaming Bokeh
    • Streaming Indicator
    • Streaming Perspective
    • Streaming Tabulator
    • CanvasDraw
    • LeafletHeatMap
    • MaterialUI
    • Bokeh Property Editor
    • Deck Gl Json Editor
    • Holoviews Glyph Link
    • Plotly Link
    • Vega Heatmap Link
    • MatplotlibStyle
    • PlotlyStyle
    • SeabornStyle
    • VegaAltairStyle
    • DataTable
    • Folium
    • Deck.gl
  • Reference Gallery
    • Alert
    • Audio
    • Bokeh
    • DataFrame
    • DeckGL
    • ECharts
    • Folium
    • GIF
    • HTML
    • HoloViews
    • IDOM
    • IPyWidget
    • JPG
    • JSON
    • LaTeX
    • Markdown
    • Matplotlib
    • PDF
    • PNG
    • Param
    • Perspective
    • Plotly
    • SVG
    • Str
    • Streamz
    • VTK
    • VTKJS
    • VTKVolume
    • Vega
    • Video
    • Accordion
    • Card
    • Column
    • Divider
    • FlexBox
    • GridBox
    • GridSpec
    • GridStack
    • Row
    • Tabs
    • WidgetBox
    • Bootstrap
    • FastGridTemplate
    • FastListTemplate
    • GoldenLayout
    • Material
    • React
    • Vanilla
    • Notifications
    • BooleanStatus
    • Dial
    • Gauge
    • LinearGauge
    • LoadingSpinner
    • Number
    • Progress
    • Tqdm
    • Trend
    • Ace
    • ArrayInput
    • AutocompleteInput
    • Button
    • CheckBoxGroup
    • CheckButtonGroup
    • Checkbox
    • ColorPicker
    • CrossSelector
    • DataFrame
    • DatePicker
    • DateRangeSlider
    • DateSlider
    • DatetimeInput
    • DatetimePicker
    • DatetimeRangeInput
    • DatetimeRangePicker
    • DatetimeRangeSlider
    • Debugger
    • DiscretePlayer
    • DiscreteSlider
    • EditableFloatSlider
    • EditableIntSlider
    • EditableRangeSlider
    • FileDownload
    • FileInput
    • FileSelector
    • FloatInput
    • FloatSlider
    • IntInput
    • IntRangeSlider
    • IntSlider
    • JSONEditor
    • LiteralInput
    • MenuButton
    • MultiChoice
    • MultiSelect
    • PasswordInput
    • Player
    • RadioBoxGroup
    • RadioButtonGroup
    • RangeSlider
    • Select
    • SpeechToText
    • StaticText
    • Tabulator
    • Terminal
    • TextAreaInput
    • TextEditor
    • TextInput
    • TextToSpeech
    • Toggle
    • ToggleGroup
    • VideoStream
  • Developer Guide
    • Testing
    • Developing custom models
  • API Reference
    • io
    • layout
    • pane
      • panel.vtk Package
    • param
    • pipeline
    • template
      • panel.bootstrap Package
      • panel.fast Package
        • panel.grid Package
        • panel.list Package
      • panel.golden Package
      • panel.material Package
      • panel.react Package
      • panel.theme Package
      • panel.vanilla Package
    • widgets
    • viewable
    • util
  • Releases
  • FAQ
  • About
    • Comparisons
On this page
  • Demos
  • Simple Apps
  • APIs
  • Layouts
  • Dynamic UIs
  • Param based apps
  • Streaming
  • Custom components
  • Linking
  • Styling & Theming
  • External libraries

Gallery#

Demos#

A set of sophisticated apps built to demonstrate the features of Panel.

VTKInteractive
VTKInteractive
VTKSlicer
VTKSlicer
VTKWarp
VTKWarp
Attractors
Attractors
Gapminders
Gapminders
Glaciers
Glaciers
Nyc Taxi
Nyc Taxi
Portfolio-optimizer
Portfolio-optimizer

Simple Apps#

Simple example apps meant to provide a quick introduction to Panel.

Altair Brushing
Altair Brushing
Altair Choropleth
Altair Choropleth
Clifford Interact
Clifford Interact
Color Speech Recognition
Color Speech Recognition
Deckgl Game Of Life
Deckgl Game Of Life
Defer Data Load
Defer Data Load
File Download Examples
File Download Examples
Hvplot Explorer
Hvplot Explorer
Iris Kmeans
Iris Kmeans
Loading Spinner
Loading Spinner
Random Number Generator
Random Number Generator
Save Filtered Df
Save Filtered Df
Sync Location
Sync Location
Temperature Distribution
Temperature Distribution
Xgboost Classifier
Xgboost Classifier

APIs#

Examples meant to demonstrate the usage of different Panel APIs such as interact and reactive functions.

Stocks Altair
Stocks Altair
Stocks Hvplot
Stocks Hvplot
Stocks Matplotlib
Stocks Matplotlib
Stocks Plotly
Stocks Plotly

Layouts#

How to leverage Panel layout components to achieve complex layouts.

Distribution Tabs
Distribution Tabs
Dynamic Tabs
Dynamic Tabs
Plot With Columns
Plot With Columns

Dynamic UIs#

Examples demonstrating how to build dynamic UIs with components that are added or removed interactively.

Dynamic Plot Layout
Dynamic Plot Layout
Dynamic Timeseries Image Analysis
Dynamic Timeseries Image Analysis
Dynamic Ui
Dynamic Ui
Dynamic Widget Values
Dynamic Widget Values

Param based apps#

Using the Param library to express UIs independently of Panel.

Action Button
Action Button
Deck Gl Global Power Plants
Deck Gl Global Power Plants
Download Upload Csv
Download Upload Csv
Loading Indicator
Loading Indicator
Param Subobjects
Param Subobjects
Precedence
Precedence
Reactive Plots
Reactive Plots
Reactive Tables
Reactive Tables

Streaming#

Streaming data to a visual component.

Hardware Automation
Hardware Automation
Streaming Bokeh
Streaming Bokeh
Streaming Indicator
Streaming Indicator
Streaming Perspective
Streaming Perspective
Streaming Tabulator
Streaming Tabulator

Custom components#

Components created using Panel’s ReactiveHTML class.

CanvasDraw
CanvasDraw
LeafletHeatMap
LeafletHeatMap
MaterialUI
MaterialUI

Linking#

Using Javascript based links to define interactivity without without requiring a live kernel.

Bokeh Property Editor
Bokeh Property Editor
Deck Gl Json Editor
Deck Gl Json Editor
Holoviews Glyph Link
Holoviews Glyph Link
Plotly Link
Plotly Link
Vega Heatmap Link
Vega Heatmap Link

Styling & Theming#

Examples demonstrating how to style and theme different components.

MatplotlibStyle
MatplotlibStyle
PlotlyStyle
PlotlyStyle
SeabornStyle
SeabornStyle
VegaAltairStyle
VegaAltairStyle

External libraries#

Wrapping external libraries with Panel.

DataTable
DataTable
Folium
Folium
Deck.gl
Deck.gl

previous

Custom Components

next

VTKInteractive

© Copyright 2019-2022 Holoviz contributors.

Last updated on 2022-10-05.