Logo image Logo image
  • Getting Started
  • How-to
  • Gallery
  • Background
  • Reference Gallery
  • API Reference
  • FAQ
  • About
  • Developer Guide

FOR USERS

  • Getting Started
    • Installation
    • Build an app
    • Core Concepts
  • How-to
    • Prepare to develop
      • Develop in a notebook or editor
        • Display Output in Notebooks
        • Develop Apps in an Editor
        • Preview Apps in JupyterLab
      • Choose an API
        • Reactive functions
        • Interact Functions
        • Parameterized Classes
        • Callbacks
    • Build apps
      • Construct individual components
        • Construct Panes
        • Access Pane Type
        • Add or Remove Components from Panels
        • Apply CSS
        • Customize Loading Icon
        • Control Visibility
        • Customize Spacing
        • Align Components
        • Control Size
      • Bind Component Parameters (Reactive API)
      • Autogenerate UIs (Interact API)
        • Generate Widgets for Function Arguments
        • Customize Layout with Interact
        • Fix Values with Interact
        • Disable Continuous Updates with Interact
      • Explicitly link parameters (Callbacks API)
        • Create High-Level Python Links with .link
        • Create Low-Level Python Links Using .watch
        • Link Two Objects in Javascript
        • Link Plot Parameters in Javascript
        • Link Many Objects in Javascript
      • Generate UIs from declared parameters (Param API)
        • Generate Widgets from Parameters
        • Declare Custom Widgets
        • Declare parameter dependencies
        • Create nested UIs
    • Create specialized UIs
      • Build a sequential UI
        • Create a Pipeline
        • Customize Pipeline Layout
        • Control Pipeline Flow
      • Build custom components
        • Combine Existing Components
        • Build Components from Scratch
    • Manage session tasks
      • Register Session Callbacks
        • Use Asynchronous Callbacks
        • Defer Callbacks Until Load
        • Run Tasks at Session Start or End
        • Periodically Run Callbacks
        • Schedule Global Tasks
        • Modify Bokeh Models
      • Access Session State
        • Access and Manipulate the URL
        • Access HTTP Request State
        • Access Busyness state
    • Test and debug
      • Enable profiling and debugging
        • Enable the admin panel
        • Profile your Application
        • View application logs
      • Set up testing for an application
        • Test operating capacity
        • Test functionality and performance
    • Prepare to share
      • Apply Templates
        • Set a Template
        • Arrange Components in a Template
        • Toggle Modal
        • Customize Template Theme
        • Build a Custom Template
      • Improve Performance
        • Optimize Layouts
        • Enable Throttling
      • Cache Data
        • Manually Cache
        • Automatically Cache
      • Improve Scalability
        • Load balancing
        • Launch multiple processes
        • Enable Automatic Threading
        • Use Asynchronous Processing
      • Add Authentication
        • Configuring OAuth
        • OAuth Providers
        • Accessing User information
    • Share your work
      • Configure the server
        • Launching a server on the commandline
        • Launching a server dynamically
        • Serving multiple applications
        • Connect to a remote server via SSH
        • Configurign a reverse proxy
        • Serving static files
      • Integrate with other servers
        • Integrating Panel with Flask
        • Integrating Panel with FastAPI
        • Running Panel apps inside Django
      • Deploy applications
        • Microsoft Azure
        • MyBinder
        • Google Cloud Platform (GCP)
        • Heroku
        • Hugging Face
      • Export apps
        • Embedding state
        • Save App to File
        • Access the Bokeh Model
      • Run panel in WebAssembly
        • Converting Panel applications
        • Using Panel in Pyodide & PyScript
        • Embedding in Sphinx documentation
        • Setting up JupyterLite
  • Gallery
    • VTKInteractive
    • VTKSlicer
    • VTKWarp
    • Attractors
    • Gapminders
    • Glaciers
    • Nyc Taxi
    • Portfolio-optimizer
    • Portfolio Analyser
    • 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
    • Streaming Videostream
    • CanvasDraw
    • LeafletHeatMap
    • MaterialUI
    • VuePdbInput
    • Bokeh Property Editor
    • Deck Gl Json Editor
    • Holoviews Glyph Link
    • Plotly Link
    • Vega Heatmap Link
    • MatplotlibStyle
    • PlotlyStyle
    • SeabornStyle
    • VegaAltairStyle
    • DataTable
    • Folium
    • Deck.gl
  • Background
    • Component overview
    • Panel and Param
    • Comparisons
  • Reference Gallery
    • Alert
    • Audio
    • Bokeh
    • DataFrame
    • DeckGL
    • ECharts
    • Folium
    • GIF
    • HTML
    • HoloViews
    • IPyWidget
    • JPG
    • JSON
    • LaTeX
    • Markdown
    • Matplotlib
    • PDF
    • PNG
    • Param
    • Perspective
    • Plotly
    • Reacton
    • SVG
    • Str
    • Streamz
    • VTK
    • VTKJS
    • VTKVolume
    • Vega
    • Video
    • Accordion
    • Card
    • Column
    • Divider
    • FlexBox
    • GridBox
    • GridSpec
    • GridStack
    • Row
    • Swipe
    • 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
    • Switch
    • Tabulator
    • Terminal
    • TextAreaInput
    • TextEditor
    • TextInput
    • TextToSpeech
    • Toggle
    • ToggleGroup
    • VideoStream
  • API Reference
    • Cheat Sheet
    • Config
    • State
    • panel.io Package
    • panel.layout Package
    • panel.pane Package
      • panel.vtk Package
    • param Module
    • pipeline Module
    • panel.template Package
      • panel.bootstrap Package
      • panel.fast Package
        • panel.grid Package
        • panel.list Package
      • panel.golden Package
      • panel.material Package
      • panel.react Package
      • panel.vanilla Package
    • panel.util Package
    • viewable Module
    • panel.widgets Package
  • FAQ
  • About
    • Releases

FOR DEVELOPERS

  • Developer Guide
    • Testing
    • Developing custom models
On this page
  • Panes
  • Layouts
  • Templates
  • Global
  • Indicators
  • Widgets

Reference Gallery#

Panes#

Alert
Alert
Audio
Audio
Bokeh
Bokeh
DataFrame
DataFrame
PyDeck & Deck.gl
PyDeck & Deck.gl
PyEcharts & ECharts
PyEcharts & ECharts
Folium
Folium
GIF
GIF
HTML
HTML
HoloViews
HoloViews
ipywidgets
ipywidgets
JPG
JPG
JSON
JSON
LaTeX
LaTeX
Markdown
Markdown
Matplotlib
Matplotlib
PDF
PDF
PNG
PNG
Param
Param
Perspective
Perspective
Plotly
Plotly
Reacton
Reacton
SVG
SVG
Str
Str
Streamz
Streamz
VTK
VTK
VTKJS
VTKJS
VTKVolume
VTKVolume
Altair & Vega
Altair & Vega
Video
Video

Layouts#

Accordion
Accordion
Card
Card
Column
Column
Divider
Divider
FlexBox
FlexBox
GridBox
GridBox
GridSpec
GridSpec
GridStack
GridStack
Row
Row
Swipe
Swipe
Tabs
Tabs
WidgetBox
WidgetBox

Templates#

Bootstrap
Bootstrap
FastGridTemplate
FastGridTemplate
FastListTemplate
FastListTemplate
GoldenLayout
GoldenLayout
Material
Material
React
React
Vanilla
Vanilla

Global#

Notifications
Notifications

Indicators#

BooleanStatus
BooleanStatus
Dial
Dial
Gauge
Gauge
LinearGauge
LinearGauge
LoadingSpinner
LoadingSpinner
Number
Number
Progress
Progress
Tqdm
Tqdm
Trend
Trend

Widgets#

Ace
Ace
ArrayInput
ArrayInput
AutocompleteInput
AutocompleteInput
Button
Button
CheckBoxGroup
CheckBoxGroup
CheckButtonGroup
CheckButtonGroup
Checkbox
Checkbox
ColorPicker
ColorPicker
CrossSelector
CrossSelector
DataFrame
DataFrame
DatePicker
DatePicker
DateRangeSlider
DateRangeSlider
DateSlider
DateSlider
DatetimeInput
DatetimeInput
DatetimePicker
DatetimePicker
DatetimeRangeInput
DatetimeRangeInput
DatetimeRangePicker
DatetimeRangePicker
DatetimeRangeSlider
DatetimeRangeSlider
Debugger
Debugger
DiscretePlayer
DiscretePlayer
DiscreteSlider
DiscreteSlider
EditableFloatSlider
EditableFloatSlider
EditableIntSlider
EditableIntSlider
EditableRangeSlider
EditableRangeSlider
FileDownload
FileDownload
FileInput
FileInput
FileSelector
FileSelector
FloatInput
FloatInput
FloatSlider
FloatSlider
IntInput
IntInput
IntRangeSlider
IntRangeSlider
IntSlider
IntSlider
JSONEditor
JSONEditor
LiteralInput
LiteralInput
MenuButton
MenuButton
MultiChoice
MultiChoice
MultiSelect
MultiSelect
PasswordInput
PasswordInput
Player
Player
RadioBoxGroup
RadioBoxGroup
RadioButtonGroup
RadioButtonGroup
RangeSlider
RangeSlider
Select
Select
SpeechToText
SpeechToText
StaticText
StaticText
Switch
Switch
Tabulator
Tabulator
Terminal
Terminal
TextAreaInput
TextAreaInput
TextEditor
TextEditor
TextInput
TextInput
TextToSpeech
TextToSpeech
Toggle
Toggle
ToggleGroup
ToggleGroup
VideoStream
VideoStream

previous

Comparisons

next

Alert

© Copyright 2019-2023 Holoviz contributors.

Last updated on 2023-03-22.