Play with Julia code and share the fun!
This package is a collection of web-based widgets that you can use to:
- Do quick code experiments where you can tweak the inputs
- Teach or share science
- Make simple UIs for your projects, and publish them over the Web
- Make your own reusable widgets and publish them with your Julia library!
The simplest way to use Interact is via the
The syntax of
@manipulate for var1=<object>, var2=<object>, etc...
# do something with a, b, etc...
<object> can be one of the following:
- A Range: (any
AbstractRangeof Real numbers): this will create a slider using which you can select one value for the variable from the range.
- An Array: This will create a series of toggle buttons which you can select one at a time.
- A Dictionary: Same as the above, but keys are used as the labels for the buttons, the value corresponding to the selected key will be the value of the variable.
- A String: This will create a text box with the given string as the default value, you can edit the string to update the value of the variable.
- A boolean: This will create a checkbox which is checked if the value is true, unchecked if it is false. You can toggle the checkbox to change the value of this variable.
- A number: This will create a spinbox where you can input, increment or decrement a number. Note that an Integer will only allow input of integers.
- A date or time: (from the Dates standard library). this will create a date picker with the date set to the given date.
- A color: (from the Colors package.) This will create a color picker!
- An Interact widget: (advanced) see below for how to create widgets à la carte. Check out the big list of widgets here.
- An Observable: An Observable can be used here to assign its current value to the variable. Any update to the variable will trigger an update to the
@manipulate. Note that the result of an
@manipulateis also an observable!
Widgets à la carte
You can also create widgets by themselves using the same input scheme. Just pass the
widget() which has the syntax:
widget(<object>; label="<my label>")
plane = widget(Dict("x=0" => 1, "y=0" => 2), label="Section plane");
Then you can use
map over the widgets to create new interactive output that depends on these widgets!
interactive_plot = map(plotsos, px, py, plane)
And put them all together into a nice little layout:
# stack vertically
hbox(px, py, plane), # stack horizontally
If you would like even more customization for your widgets, each type of widget has a different set of options you can tweak and different ways of updating it. So head over to the documentation about them!
This demo has color and date pickers!
Interact's output can be displayed either within Jupyter/Jupyterlab notebooks, the Atom text editor, or as a stand-alone web page. Below are the set up instructions for each of these front ends:
IJulia + Jupyter notebooks
To set up Interact to work in Jupyter notebooks, first install Interact, IJulia and WebIO packages. Then install the required Jupyter extension by running:
Important: If you performed this step while the Jupyter notebook server is running, you will need to restart it for the extension to take effect.
If you have multiple Jupyter installations: The
WebIO.install_jupyter_nbextension([jupyter])function takes the path to the
jupyterbinary as an optional argument. If omitted, the installation first tries to find
jupyterin your OS's default path. If it does not exist there, it tries to find a version that was installed using Conda.jl (which is the default when IJulia is installed without having an existing Jupyter set up, or by forcing it to install a copy via Conda.) If you have a
jupyterbinary in your OS path but also have a version installed via Conda and want to use the one installed via Conda, then you can set this keyword argument to be
WebIO.find_jupyter_cmd(condajl=true). For more information about the Jupyter integration, see WebIO's documentation. There is more troubleshooting information here.
IJulia + JupyterLab
To set up Interact to work in JupyterLab, first install Interact, IJulia and WebIO packages. Then install the required JupyterLab extension by running:
Important: If you performed this step while the JupyterLab server is running, you will need to restart it for the extension to take effect.
This function also takes the
jupyter path as an optional argument. See the above subsection on installing on Jupyter notebooks for more description of the default behavior when this argument is omitted and pointers to troubleshooting information. tl;dr: if you launch JupyterLab via
to force WebIO to be installed to the correct place.
Within the Atom text editor
If you have set up the Julia integration provided by Juno, evaluating any expression which returns an Interact-renderable object (such as a widget or the output of
@manipulate) will show up in a plot-pane within the editor. No extra setup steps are required.
As a standalone web page
Any Julia function that returns an Interact-renderable object (such as a widget or the output of an
@manipulate) can be repurposed to run as a simple web page served by the Mux web app framework.
using Mux, WebIO
function app(req) # req is a Mux request dictionary
webio_serve(page("/", app), 8000) # this will serve at http://localhost:8000/
Bonus: Publish something to Heroku!
Check out this repository which has a script to publish Interact app to Heroku with a simple command!
A great resource to learn to use the various features of Interact is to try out the example notebooks and the tutorial in the doc/notebooks/ directory. Start up IJulia from doc/notebooks/:
Explore the wider widget ecosystem
Interact is built using WebIO which is a "hub" package that supports an ecosystem of composable web-based widgets that all share the same availability on the Julia front-ends.
- TableView.jl: show a spreadsheet view of any Table datatype
- CSSUtil: wraps CSS functionality in easy Julia functions. Also renders markdown (and LaTeX). See the CSSUtil section in the introduction notebook linked above.
- Your cool package. Let us know by opening an issue to add your WebIO/Interact-based package here!
To learn more, check out the documentation.