Py.Cafe

kolibril13/

tutorial_juneA

Create a "Hi" Widget with anywidget

DocsPricing
  • app.py
  • requirements.txt
  • widget.css
  • widget.js
widget.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18



function render({ model, el }) {

  let btn = document.createElement("button");
  btn.innerHTML = model.get("my_message");
  btn.style.background = "orange";
  btn.style.borderRadius = "10px";
  btn.style.color = "white";
  btn.style.fontFamily = '"Roboto", sans-serif';
  btn.style.fontSize = "2em";
  btn.style.margin = "10px";
  btn.style.padding = "10px 20px";
  el.appendChild(btn);
}

export default { render };
app.py
1
2
3
4
5
6
7
8
9
10
import anywidget
import traitlets

class HelloWidget(anywidget.AnyWidget):
    _esm = "widget.js"

    my_message = traitlets.Unicode("Hello World").tag(sync=True)

w = HelloWidget()
page = w
requirements.txt
1
2
3
anywidget
numpy