# Dash DAQ

Dash is a web application framework that provides pure Python abstraction around HTML, CSS, and JavaScript.

Dash DAQ comprises a robust set of controls that make it simpler to integrate data acquisition and controls into your Dash applications.

The source is on GitHub at plotly/dash-daq.

These docs are using version 0.6.0.

    >julia using Pkg
    >julia Pkg.status("DashDaq")
    0.5.0

### BooleanSwitch

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_booleanswitch(
      id="my-daq-booleanswitch",
      on=true
    )
    run_server(app, "0.0.0.0", debug=true)

The switch is False.

More BooleanSwitch Examples and Reference

### ColorPicker

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_colorpicker(
      id="my-daq-colorpicker",
      label="colorPicker"
    )
    run_server(app, "0.0.0.0", debug=true)

Color Picker
hex
The selected color is {'hex': '#119DFF'}.

More ColorPicker Examples and Reference

### Gauge

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_gauge(
      id="my-daq-gauge",
      min=0,
      max=10,
      value=6
    )

    run_server(app, "0.0.0.0", debug=true)

Default
0 1 2 3 4 5 6 7 8 9 10

More Gauge Examples and Reference

### GraduatedBar

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_graduatedbar(
      id="my-daq-graduatedbar",
      value=4
    )

    run_server(app, "0.0.0.0", debug=true)

Default
0 1 2 3 4 5 6 7 8 9 10

More GraduatedBar Examples and Reference

### Indicator

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_indicator(
      id="my-daq-indicator",
      value=true,
      color="#00cc96"
    )

    run_server(app, "0.0.0.0", debug=true)

Default

More Indicator Examples and Reference

### Joystick

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_joystick(
      id="my-daq-joystick"
    )

    run_server(app, "0.0.0.0", debug=true)

Default
Angle is 0
Force is None

More Joystick Examples and Reference

### Knob

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_knob(
      id="my-daq-knob",
      min=0,
      max=10,
      value=8
    )

    run_server(app, "0.0.0.0", debug=true)

The knob value is None.

More Knob Examples and Reference

### LEDDisplay

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_leddisplay(
      id="my-daq-leddisplay",
      value="3.14159"
    )

    run_server(app, "0.0.0.0", debug=true)

Default
0 1 2 3 4 5 6 7 8 9 10

More LEDDisplay Examples and Reference

### NumericInput

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_numericinput(
      id="my-daq-numericinput",
      min=0,
      max=10,
      value=5
    )

    run_server(app, "0.0.0.0", debug=true)

The value is 0.

More NumericInput Examples and Reference

### PowerButton

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_powerbutton(
      id="my-daq-powerbutton",
      on=true
    )

    run_server(app, "0.0.0.0", debug=true)

The button is False.

More PowerButton Examples and Reference

### PrecisionInput

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_precisioninput(
      id="my-daq-precisioninput",
      precision=4,
      value=299792458
    )

    run_server(app, "0.0.0.0", debug=true)

Default
1
.
2
3
4
E
3
The current value is 1234.

More PrecisionInput Examples and Reference

### Slider

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_slider(
      id="my-daq-slider",
      value=17,
      min=0,
      max=100,
      targets=Dict("25" => Dict("label" => "TARGET"))
    )

    run_server(app, "0.0.0.0", debug=true)

The slider is currently at 17.

More Slider Examples and Reference

### StopButton

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_stopbutton(
      id="my-daq-stopbutton"
    )

    run_server(app, "0.0.0.0", debug=true)

Default
The stop button has been clicked 0 times.

More StopButton Examples and Reference

### Tank

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_tank(
      id="my-daq-tank",
      min=0,
      max=10,
      value=5
    )

    run_server(app, "0.0.0.0", debug=true)

0
2
4
6
8
10
0 2 4 6 8 10

More Tank Examples and Reference

### Thermometer

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_thermometer(
      id="my-daq-thermometer",
      min=95,
      max=105,
      value=98.6
    )

    run_server(app, "0.0.0.0", debug=true)

0
2
4
6
8
10
0 2 4 6 8 10

More Thermometer Examples and Reference

### ToggleSwitch

    using Dash

    using DashDaq

    app = dash()

    app.layout = daq_toggleswitch(
      id="my-daq-toggleswitch"
    )

    run_server(app, "0.0.0.0", debug=true)

The switch is False.

More ToggleSwitch Examples and Reference

### DarkThemeProvider

    using Dash

    using DashDaq

    app = dash()
    theme = Dict(
        "dark" => false,
        "detail" => "#007439",
        "primary" => "#00EA64",
        "secondary" => "#6E6E6E"
    )

    app.layout = html_div(id="dark-theme-provider-demo", children=[
      html_br(),
      daq_toggleswitch(
          id="daq-light-dark-theme",
          label=["Light", "Dark"],
          style=Dict("width" => "250px", "margin" => "auto"),
          value=false
      ),
      html_div(
          id="dark-theme-component-demo",
          children=[
              daq_darkthemeprovider(theme=theme, children=daq_knob(value=6))
          ],
          style=Dict("display" => "block", "margin-left" => "calc(50% - 110px)")
      )
    ])

    callback!(
      app, Output("dark-theme-component-demo", "children"),
      Input("daq-light-dark-theme", "value")) do dark_theme
        if dark_theme
          theme["dark"] = true
        else
          theme["dark"] = false
        end
        return daq_darkthemeprovider(theme=theme, children=daq_knob(value=6))
    end

    callback!(
      app, Output("dark-theme-component-demo", "style"),
      Input("daq-light-dark-theme", "value")) do dark_theme
        if dark_theme
          return Dict("background-color" => "#303030", "color" => "white")
        else
          return Dict("background-color" => "white", "color" => "black")
        end
    end

    run_server(app, "0.0.0.0", debug=true)

Light
Dark
Primary color
hex
Accent color
hex
Detail color
hex
hex
2
.
9
9
8
E
8
TARGET
0
2
4
6
8
10
95
97
99
101
103
105

More DarkThemeProvider Examples and Reference