Hello World! : A simple example to get you started with Wave.To-do List App : A simple multi-user To-do list application.Wizard : Create a multi-step wizard using form cards.Issue Tracker : Implement a simple issue tracker using a table to create master-detail views.Dashboard : Make a dashboard using a multitude of cards and update them live.Stat / Small : Create a stat card displaying a single value.Stat / Large : Create a stat card displaying a primary value, an auxiliary value and a caption.Stat / Gauge / Wide : Create a wide stat card displaying a primary value, an auxiliary value and a progress gauge.Stat / Gauge / Tall : Create a tall stat card displaying a primary value, an auxiliary value and a progress gauge.Stat / Bar / Wide : Create a wide stat card displaying a primary value, an auxiliary value and a progress bar.Stat / Bar / Large : Create a large captioned card displaying a primary value, an auxiliary value and a progress bar,Stat / Series / Small / Area : Create a small stat card displaying a primary value and a series plot.Stat / Series / Small / Interval : Create a small stat card displaying a primary value and a series plot.Stat / Series / Wide / Area : Create a wide stat card displaying a primary value, an auxiliary value and a series plot.Stat / Series / Wide / Interval : Create a wide stat card displaying a primary value, an auxiliary value and a series plot.Stat / Series / Tall / Area : Create a tall stat card displaying a primary value, an auxiliary value and a series plot.Stat / Series / Tall / Interval : Create a tall stat card displaying a primary value, an auxiliary value and a series plot.Layout / Position : How to adjust the position of cards on a page.Layout / Size : How to adjust the size of cards on a page.Layout / Responsive : How to create a responsive layout.Form : Use a form to collect data or show textual information.Form / Text : Use markdown in a text component to display formatted content within a form.Form / Text / Sizes : Use text size variants to display formatted text using predefined font sizes.Form / Label : Use labels to give a name to a component or a group of components in a form.Form / Link : Use links to allow navigation to internal and external URLs.Form / Progress : Use a progress bar to indicate completion status of an operation.Form / Progress / Updating : Update a progress bar's completion status periodically.Form / Message Bar : Use message bars to indicate relevant status information.Form / Textbox : Use a textbox to allow users to provide text inputs.Form / Textbox / Trigger : To handle live changes to a textbox, enable the `trigger` attribute.Form / Button : Use buttons to enable a user to commit a change or complete steps in a task.Form / Buttons : Use the `ui.buttons()` function to group related buttons.Form / Checkbox : Use checkboxes to switch between two mutually exclusive options.Form / Checklist : Use a checklist to group a set of related checkboxes.Form / Picker : Use pickers to allow users to select one or more choices, such as tags or files, from a list.Form / Picker / Selection : Pre-select choices while displaying a picker.Form / Dropdown : Use dropdowns to allow users to choose between available choices.Form / Choice Group : Use choice groups to let users select one option from two or more choices.Form / Combobox : Use comboboxes to allow users to either choose between available choices or indicate a choice by free-form editing.Form / Toggle : Use a toggle to present users with two mutually exclusive options (to turn settings on and off).Form / Spinbox : Use a spinbox to allow users to incrementally adjust a value in small steps.Form / Slider : Use a slider to allow users to set a value within a specific range.Form / Range Slider : Use a range slider to allow users to select a value range (from, to).Form / Date Picker : Use date pickers to allow users to pick dates.Form / Date Picker / Trigger : To handle live changes to a date picker, enable the `trigger` attribute.Form / Color Picker : Use a color picker to allow a user to select a color.Form / Swatch Picker : Use a swatch picker to allow users to choose a from a specific set of colors.Form / Tabs : Use tabs within a form to navigate between two or more distinct content categories.Form / Separator : Use a separator to visually separate content into groups.Form / File Upload : Use a file upload component to allow users to upload files.Form / Frame : Use a frame component in a form card to display HTML content inline.Form / Frame / Path : Use a frame component in a form card to display external web pages.Form / Menu : Display context menus inside forms.Form / Template : Use a template component to render dynamic content using a HTML template.Form / Markup : Use a markup component to display formatted content using HTML.Form / Stepper : Use Stepper to show progress through numbered steps.Table / Markdown : Display a table using markdown.Table / Markdown / Pandas : Display a pandas dataframe as a markdown table.Table : Use a table to display tabular data.Table / Sort : Allow sorting a table by specific columns.Table / Search : Enable searching a table across specific columns.Table / Filter : Enable filtering values for specific columns.Table / Filter / Backend : Filter table using Python.Table / Download : Allow downloading a table's data as CSV file.Table / Group by : Allow grouping a table by column values.Table / Preselection : Use a table as an advanced multi-select. Specify row names in 'values' for selection.Image : Use an image card to display a base64-encoded image.Frame : Use a frame card to display HTML content.Frame / Path : Use a frame card to display external web pages.Template : Use a template card to render dynamic content using a HTML template.Template / Data : Update a template card's data periodically.Markdown : Use a markdown card to display formatted content using markdown.Markdown / Data : Display dynamic formatted content using markdown.Markup : Use a markup card to display formatted content using HTML.Nav : Use nav cards to display sidebar navigation.Toolbar : Use toolbars to provide commands that operate on the content of a page.Tab : Use tab cards to display tabs on a page.Tab / Links : Use tab cards to display tabs on a page.Tabs / Navigation : Navigate between two or more tabs.Breadcrumbs : Breadcrumbs should be used as a navigational aid in your app or site.Header : Use a header card to display a page header.Routing : Use the browser's [location hash](https://developer.mozilla.org/en-US/docs/Web/API/Location/hash)Routing / Toolbar : This example demonstrates how you can observe and handle changes to the browser'sRouting / Tabs : This example demonstrates how you can observe and handle changes to the browser'sContext Menu : Display a context menu on a card.Plot / Point : Make a scatterplot.Plot / Point / Shapes : Make a scatterplot with categories encoded as mark shapes.Plot / Point / Sizes : Make a scatterplot with mark sizes mapped to a continuous variable (a "bubble plot").Plot / Point / Map : Make a plot to compare quantities across categories. Similar to a heatmap,Plot / Point / Groups : Make a scatterplot with categories encoded as colors.Plot / Point / Annotation : Add annotations (points, lines and regions) to a plot.Plot / Point / Custom : Customize a plot's fill/stroke color, size and opacity.Plot / Interval : Make a column plot.Plot / Interval / Transpose : Make a bar plot.Plot / Interval / Groups : Make a grouped column plot.Plot / Interval / Groups / Transpose : Make a grouped bar plot.Plot / Interval / Labels : Make a column plot with labels on each bar.Plot / Interval / Range : Make a column plot with each bar representing high/low (or start/end) values.Plot / Interval / Range / Transpose : Make a bar plot with each bar representing high/low (or start/end) values. Transposing this produces a gantt plot.Plot / Interval / Stacked : Make a stacked column plot.Plot / Interval / Stacked / Transpose : Make a stacked bar plot.Plot / Interval / Stacked / Grouped : Make a column plot with both stacked and grouped bars.Plot / Interval / Stacked / Grouped / Transpose : Make a bar plot with both stacked and grouped bars.Plot / Interval / Polar : Make a rose plot (a bar plot in polar coordinates).Plot / Interval / Polar / Stacked : Make a stacked rose plot (a stacked bar plot in polar coordinates).Plot / Interval / Theta : Make a "racetrack" plot (a bar plot in polar coordinates, transposed).Plot / Interval / Helix : Make a bar plot in helical coordinates.Plot / Interval / Annotation : Add annotations to a column plot.Plot / Interval / Annotation / Transpose : Add annotations to a bar plot.Plot / Line : Make a line plot.Plot / Line / Groups : Make a multi-series line plot.Plot / Line / Smooth : Make a line plot using a smooth curve.Plot / Line / Step : Make a line plot with a step curve.Plot / Line / Step / After : Make a line plot with a step-after curve.Plot / Line / Step / Before : Make a line plot with a step-before curve.Plot / Line / Labels : Add labels to a line plot.Plot / Line / Labels/ Stroked : Customize label rendering: add a subtle outline to labels to improve readability.Plot / Line / Labels / Occlusion : Make a line plot with non-overlapping labels.Plot / Line / Annotation : Add annotations to a line plot.Plot / Path : Make a path plot.Plot / Path / Point : Make a path plot with an additional layer of points.Plot / Path / Smooth : Make a path plot with a smooth curve.Plot / Area : Make an area plot.Plot / Area / Groups : Make an area plot showing multiple categories.Plot / Area / Negative : Make an area plot showing positive and negative values.Plot / Area / Range : Make an area plot representing a range (band) of values.Plot / Area / Smooth : Make an area plot with a smooth curve.Plot / Area / Stacked : Make a stacked area plot.Plot / Area + Line : Make an area plot with an additional line layer on top.Plot / Area + Line / Smooth : Make a combined area + line plot using a smooth curve.Plot / Area + Line / Groups : Make an combined area + line plot showing multiple categories.Plot / Polygon : Make a heatmap.Plot / Histogram : Make a histogram.Plot / Axis Titles : Display custom axis titles on a plot.Plot / Form : Display a plot inside a form.Plot / App : Make a plot from an app.Plot / Events : Handle events on a plot card.Plot / Pandas : Plot Pandas dataframes.Plot / Vega-lite : Make a plot using Vega-lite.Plot / Vega-lite / Update : Periodically update a Vega-lite plot.Plot / Vega-lite / Form : Display a Vega-lite plot inside a form card.Plot / Altair : Use Altair to create plot specifications for the Vega card.Plot / Bokeh : Use Bokeh to create plots.Plot / Matplotlib : Use matplotlib to create plots. Also demonstrates how to provide live control over plots.Plot / Plotly : Use plotly to create plots. Also demonstrates how to provide live control over plots.Plot / D3.js : Create custom plots using D3.js.Pixel Art : A card that demonstrates collaborative editing in Wave.Uploads : Upload files to the Wave server.Uploads / Async : Upload files from an interactive app.Uploads / UI : Accept files from the user.Uploads / Download : Accept files from the user and downloads them locally.Meta / Dialog : Display a dialog.Meta / Title : Set the browser window title for a page.Meta / Icon : Set the browser window icon for a page.Meta / Notification : Display a desktop notification.Meta / Refresh : Turn off live updates for static pages to conserve server resources.Meta / Redirect : Redirect the page to a new URL or hash.Mode / Broadcast / Global : Launch the server in broadcast mode to synchronize browser state across users.Mode / Broadcast : Launch the server in broadcast mode to synchronize browser state across users.Mode / Multicast : Launch the server in multicast mode to synchronize browser state across a user's clients.Mode / Unicast : Launch the server in unicast mode and use `q.client` to manage client-local state.Background Tasks : Use q.run() to execute functions in the background, in-process.Background Tasks / Executor : Use q.exec() to execute background functions using a thread-pool or process-pool.Background Tasks / Progress : Execute background functions while incrementing a progress bar.Site / Async : Update any page on a site from within an app using an `AsyncSite` instance.Graphics / Primitives : Use the graphics module to render and update shapes.Graphics / Spline : Use the graphics module to render splines.Graphics / Clock : Use the graphics API to make a clock.Graphics / Path : Use the graphics API to draw a red square.Graphics / Turtle : Use turtle graphics to draw paths.Graphics / Hilbert : Use turtle graphics recursively to draw Hilbert curves.Graphics / Glider Gun : Use the graphics API to play Conway's Game of Life - Gosper's Glider Gun