logo
  • Home
  • Getting Started
  • User Guide
  • Gallery
  • Reference Gallery
  • Developers
  • API
  • Releases
  • FAQ
  • About
  • Home
  • Getting Started
  • User Guide
    • Overview
    • Components
    • APIs
    • Customization
    • Deploy & Export
    • Interact
    • Widgets
    • Parameters
    • Linking
    • Pipelines
    • Templates
    • Server Deployment
    • Building Custom Components
    • Asynchronous and Concurrent Process
    • Authentication
    • Performance and Debugging
    • Django Apps
  • Gallery
    • VTKInteractive
    • VTKSlicer
    • VTKWarp
    • Attractors
    • Gapminders
    • Glaciers
    • Nyc Taxi
    • Portfolio-optimizer
    • Altair Choropleth
    • Clifford Interact
    • Color Speech Recognition
    • Deckgl Game Of Life
    • Defer Data Load
    • File Download Examples
    • Iris Kmeans
    • Loading Spinner
    • Random Number Generator
    • Save Filtered Df
    • Sync Location
    • Temperature Distribution
    • 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
    • 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
  • Developers
    • Getting Set up
    • Testing
  • API
    • 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
  • Panes
  • Layouts
  • Templates
  • Global
  • Indicators
  • Widgets

Reference Gallery#

Panes#

../_images/Alert.png

Alert#

../_images/Audio.png

Audio#

../_images/Bokeh.png

Bokeh#

../_images/DataFrame.png

DataFrame#

../_images/DeckGL.png

PyDeck & Deck.gl#

../_images/ECharts.png

PyEcharts & ECharts#

../_images/Folium1.png

Folium#

../_images/GIF.png

GIF#

../_images/HTML.png

HTML#

../_images/HoloViews.png

HoloViews#

../_images/IDOM.png

IDOM#

../_images/IPyWidget.png

ipywidgets#

../_images/JPG.png

JPG#

../_images/JSON.png

JSON#

../_images/LaTeX.png

LaTeX#

../_images/Markdown.png

Markdown#

../_images/Matplotlib.png

Matplotlib#

../_images/PDF.png

PDF#

../_images/PNG.png

PNG#

../_images/Param.png

Param#

../_images/Perspective.png

Perspective#

../_images/Plotly.png

Plotly#

../_images/SVG.png

SVG#

../_images/Str.png

Str#

../_images/Streamz.png

Streamz#

../_images/VTK.png

VTK#

../_images/VTKJS.png

VTKJS#

../_images/VTKVolume.png

VTKVolume#

../_images/Vega.png

Altair & Vega#

../_images/Video.png

Video#

Layouts#

../_images/Accordion.png

Accordion#

../_images/Card.png

Card#

../_images/Column.png

Column#

../_images/Divider.png

Divider#

../_images/FlexBox.png

FlexBox#

../_images/GridBox.png

GridBox#

../_images/GridSpec.png

GridSpec#

../_images/GridStack.png

GridStack#

../_images/Row.png

Row#

../_images/Tabs.png

Tabs#

../_images/WidgetBox.png

WidgetBox#

Templates#

../_images/Bootstrap.png

Bootstrap#

../_images/FastGridTemplate.png

FastGridTemplate#

../_images/FastListTemplate.png

FastListTemplate#

../_images/GoldenLayout.png

GoldenLayout#

../_images/Material.png

Material#

../_images/React.png

React#

../_images/Vanilla.png

Vanilla#

Global#

../_images/Notifications.png

Notifications#

Indicators#

../_images/BooleanStatus.png

BooleanStatus#

../_images/Dial.png

Dial#

../_images/Gauge.png

Gauge#

../_images/LinearGauge.png

LinearGauge#

../_images/LoadingSpinner.png

LoadingSpinner#

../_images/Number.png

Number#

../_images/Progress.png

Progress#

../_images/Tqdm.png

Tqdm#

../_images/Trend.png

Trend#

Widgets#

../_images/Ace.png

Ace#

../_images/ArrayInput.png

ArrayInput#

../_images/AutocompleteInput.png

AutocompleteInput#

../_images/Button.png

Button#

../_images/CheckBoxGroup.png

CheckBoxGroup#

../_images/CheckButtonGroup.png

CheckButtonGroup#

../_images/Checkbox.png

Checkbox#

../_images/ColorPicker.png

ColorPicker#

../_images/CrossSelector.png

CrossSelector#

../_images/DataFrame1.png

DataFrame#

../_images/DatePicker.png

DatePicker#

../_images/DateRangeSlider.png

DateRangeSlider#

../_images/DateSlider.png

DateSlider#

../_images/DatetimeInput.png

DatetimeInput#

../_images/DatetimePicker.png

DatetimePicker#

../_images/DatetimeRangeInput.png

DatetimeRangeInput#

../_images/DatetimeRangePicker.png

DatetimeRangePicker#

../_images/DatetimeRangeSlider.png

DatetimeRangeSlider#

../_images/Debugger.png

Debugger#

../_images/DiscretePlayer.png

DiscretePlayer#

../_images/DiscreteSlider.png

DiscreteSlider#

../_images/EditableFloatSlider.png

EditableFloatSlider#

../_images/EditableIntSlider.png

EditableIntSlider#

../_images/EditableRangeSlider.png

EditableRangeSlider#

../_images/FileDownload.png

FileDownload#

../_images/FileInput.png

FileInput#

../_images/FileSelector.png

FileSelector#

../_images/FloatInput.png

FloatInput#

../_images/FloatSlider.png

FloatSlider#

../_images/IntInput.png

IntInput#

../_images/IntRangeSlider.png

IntRangeSlider#

../_images/IntSlider.png

IntSlider#

../_images/JSONEditor.png

JSONEditor#

../_images/LiteralInput.png

LiteralInput#

../_images/MenuButton.png

MenuButton#

../_images/MultiChoice.png

MultiChoice#

../_images/MultiSelect.png

MultiSelect#

../_images/PasswordInput.png

PasswordInput#

../_images/Player.png

Player#

../_images/RadioBoxGroup.png

RadioBoxGroup#

../_images/RadioButtonGroup.png

RadioButtonGroup#

../_images/RangeSlider.png

RangeSlider#

../_images/Select.png

Select#

../_images/SpeechToText.png

SpeechToText#

../_images/StaticText.png

StaticText#

../_images/Tabulator.png

Tabulator#

../_images/Terminal.png

Terminal#

../_images/TextAreaInput.png

TextAreaInput#

../_images/TextEditor.png

TextEditor#

../_images/TextInput.png

TextInput#

../_images/TextToSpeech.png

TextToSpeech#

../_images/Toggle.png

Toggle#

../_images/ToggleGroup.png

ToggleGroup#

../_images/VideoStream.png

VideoStream#

previous

Deck.gl

next

Alert

© Copyright 2019-2022 Holoviz contributors.

Last updated on 2022-05-24.