import dstack as ds
import plotly.express as px
​
app = ds.app()  # Create an instance of the application
​
​
# An utility function that loads the data
def get_data():
    return px.data.stocks()
​
​
# A drop-down control that shows stock symbols
stock = app.select(items=get_data().columns[1:].tolist())
​
​
# A handler that updates the plot based on the selected stock
def output_handler(self, stock):
    # A plotly line chart where the X axis is date and Y is the stock's price
    self.data = px.line(get_data(), x="date", y=stock.value())
​
​
# A plotly chart output
app.output(handler=output_handler, depends=[stock])
​
# Deploy the application with the name "stocks" and print its URL
url = app.deploy("stocks")
print(url)

# A drop-down control that shows stock symbols
stock = app.select(items=get_data().columns[1:].tolist())

# A handler that updates the plot based on the selected stock
def output_handler(self, stock):
    # A plotly line chart where the X axis is date and Y is the stock's price
    self.data = px.line(get_data(), x="date", y=stock.value())
​
​
# A plotly chart output
app.output(handler=output_handler, depends=[stock])

import dstack as ds
import pandas as pd
​
app = ds.app()  # Create an instance of the application
​
​
# An utility function that loads the data
def get_data():
    return pd.read_csv("https://www.dropbox.com/s/cat8vm6lchlu5tp/data.csv?dl=1", index_col=0)
​
​
# An utility function that returns regions
def get_regions():
    df = get_data()
    return df["Region"].unique().tolist()
​
​
# A drop-down control that shows regions
regions = app.select(items=get_regions, label="Region")
​
​
# A handler that updates the drop-down with counties based on the selected region
def countries_handler(self, regions):
    region = regions.value()  # the selected region
    df = get_data()
    self.items = df[df["Region"] == region]["Country"].unique().tolist()
​
​
# A drop-down control that shows countries
countries = app.select(handler=countries_handler, label="Country", depends=[regions])
​
​
# A handler that updates the table output based on the selected country
def output_handler(self, countries):
    country = countries.value()  # the selected country 
    df = get_data()
    self.data = df[df["Country"] == country]  # we assign a pandas dataframe here to self.data
​
​
# An output that shows companies based on the selected country
app.output(handler=output_handler, depends=[countries])
​
# Deploy the application with the name "dependant_control" and print its URL
url = app.deploy("dependant_control")
print(url)

import dstack as ds
import plotly.express as px
​
app = ds.app()  # create an instance of the application
​
siebar = app.sidebar() # create a sidebar
​
# an utility function that loads the data
def get_data():
    return px.data.stocks()
​
​
# a drop-down control inside the sidebar
stock = siebar.select(items=get_data().columns[1:].tolist())
​
​
# a handler that updates the plot based on the selected stock
def output_handler(self, stock):
    # a plotly line chart where the X axis is date and Y is the stock's price
    self.data = px.line(get_data(), x='date', y=stock.value())
​
​
# a plotly chart output in the main area
app.output(handler=output_handler, depends=[stock])
​
# deploy the application with the name "stocks_sidebar" and print its URL
url = app.deploy("stocks_sidebar")
print(url)

# An output that shows companies based on the selected country
app.output(handler=output_handler, depends=[countries], require_apply=True)

import dstack as ds
​
# create an instance of the application that has three columns
app = ds.app(columns = 3) 
​
# an input that takes one column and one row
input_1 = app.input(label="Input 1", colspan=1)
# an input that takes one column and one row
input_2 = app.input(label="Input 2", colspan=1)
# an input that takes one column and two rows
input_3 = app.input(label="Input 3", colspan=1, rowspan=2)
​
url = app.deploy("layout_1")
print(url)

import dstack as ds
​
app = ds.app()  # Create an instance of the application
​
​
# A handler that updates the markdown output based on the input text
def markdown_handler(self, name):
    if len(name.text) > 0:
        self.text = "Hi, **" + name.text + "**!"
    else:
        self.text = "No name"
​
​
# An input control
name = app.input(label="What's your name?")
​
# A markdown output that greets the users using the given name
app.markdown(handler=markdown_handler, depends=[name])
​
# Deploy the application with the name "controls/input" and print its URL
url = app.deploy("controls/input")
print(url)

import dstack as ds
import plotly.express as px
​
app = ds.app()  # create an instance of the application
​
​
# an utility function that loads the data
def get_data():
    return px.data.stocks()
​
​
# a drop-down control that shows stock symbols
stock = app.select(items=get_data().columns[1:].tolist())
​
​
# a handler that updates the plot based on the selected stock
def output_handler(self, stock):
    symbol = stock.value()  # the selected stock
    # a plotly line chart where the X axis is date and Y is the stock's price
    self.data = px.line(get_data(), x='date', y=symbol)
​
​
# a plotly chart output
app.output(handler=output_handler, depends=[stock])
​
# deploy the application with the name "stocks" and print its URL
url = app.deploy("stocks")
print(url)

import dstack as ds
​
app = ds.app()  # Create an instance of the application
​
​
# A handler that updates the label of the checkbox based on wether it's selected or not
def checkbox_handler(self):
    if self.selected:
        self.label = "Selected"
    else:
        self.label = "Not selected"
​
​
# A checkbox control
name = app.checkbox(handler=checkbox_handler)
​
# Deploy the application with the name "controls/checkbox" and print its URL
url = app.deploy("controls/checkbox")
print(url)

import dstack as ds
import plotly.express as px
​
app = ds.app()  # Create an instance of the application
​
​
# An utility function that loads the data
def get_data():
    return px.data.gapminder()
​
​
# A handler that updates the plot output based on the selected year
def output_handler(self, year):
    value = year.value()  # the selected year
    self.data = px.scatter(get_data().query("year==" + str(value)), x="gdpPercap", y="lifeExp",
                           size="pop", color="country", hover_name="country", log_x=True, size_max=60)
​
​
# A slider control that prompts to select a year
slider = app.slider(values=get_data()["year"].unique().tolist())
​
# An output control that shows the chart
app.output(handler=output_handler, depends=[slider])
​
# Deploy the application with the name "controls/slider" and print its URL
url = app.deploy("controls/slider")
print(url)

import dstack as ds
import pandas as pd
​
app = ds.app()  # Create an instance of the application
​
​
# A handler that loads a dataframe from the content of the uploaded CSV file and passes it to the output
def app_handler(self, uploader):
    if len(uploader.uploads) > 0:
        with uploader.uploads[0].open() as f:
            self.label = uploader.uploads[0].file_name
            self.data = pd.read_csv(f).head(100)
    else:
        self.label = "No file selected"
        self.data = None
​
​
# A file uploader control
uploader = app.uploader(label="Select a CSV file", colspan=12)
​
# An output control that shows the content of the uploaded file
app.output(handler=app_handler, depends=[uploader])
​
# Deploy the application with the name "controls/uploader" and print its URL
url = app.deploy("controls/uploader")
print(url)

import dstack as ds
​
app = ds.app()  # Create an instance of the application
​
​
# A handler that updates the markdown output based on the input text
def markdown_handler(self, name):
    if name.text:
        self.text = "Hi, **" + name.text + "**!"
    else:
        self.text = "No name"
​
​
# An input control
name = app.input(label="What's your name?")
​
# A markdown output that greets the users using the given name
app.markdown(handler=markdown_handler, depends=[name])
​
# Deploy the application with the name "controls/markdown" and print its URL
url = app.deploy("controls/markdown")
print(url)

import dstack as ds
​
app = ds.app()  # Create an instance of the application
​
# A markdown output
app.markdown(text="Hello, **World!**")
​
# Deploy the application with the name "markdown" and print its URL
url = app.deploy("markdown")
print(url)