Concept | Webapps#

Watch the video

Webapps are custom applications hosted by Dataiku, which allow you to extend Dataiku’s visualization capabilities.

Webapps can be used to write advanced interactive visualizations or custom applicative frontends. Once created, webapps can then be embedded in dashboards or stay as they are.

There are several use cases where a webapp could be useful. For example:

  • You want to use a custom interactive visualization that is not natively found in Dataiku.

  • You want to build an interactive dashboard that will update based on a given set of user inputs.

There are four main types of webapps that are fully hosted and can be written in Dataiku:

../../_images/webapp-types.png

Create a webapp in Dataiku#

Webapps can be accessed from the top navigation menu of a project, by hovering over the Code menu and clicking Webapps.

../../_images/new-webapp.png

To develop a webapp, you can start from scratch or from a template.

All of the four webapp types can be written in the Dataiku webapp editor. Dataiku allows you to write your code as you would outside of Dataiku, and it takes care of hosting your webapp, making it available to users with access to your project.

../../_images/bokeh-editor.png

Let’s now walk through each of the webapp types and how you can create them.

Standard webapps#

Standard webapps are developed in HTML, CSS, and Javascript code. They can additionally contain a Python backend.

For Standard webapps, you need to write at least:

  • The HTML of your frontend.

  • CSS code if you want to edit its visual appearance.

  • Javascript code to make it interactive.

The Javascript code can use the Dataiku Javascript API to interact with datasets.

In addition, you can add a Python backend - a Python file which uses the Flask library.

../../_images/standard-webapp.png

To further customize your webapp, you can check the Settings tab for settings that you might want to change. You will be able to select a specific environment for your backend, and import some additional CSS & Javascript libraries.

../../_images/standard-webapp-settings.png

Shiny webapps#

Shiny webapps are written in R, both for the frontend and the backend, using the Shiny library.

You will have access to the UI part and the Server part. In the Server code, you can use the Dataiku R API without restriction, to interact with datasets, perform queries, or do all kinds of administrative tasks.

../../_images/shiny-webapp.png

Bokeh webapps#

Bokeh webapps are written in Python, both for the frontend and the backend, using the Bokeh library.

For Bokeh, there is only one Python file to edit. You can use the Dataiku Python API without restriction.

../../_images/bokeh-webapp.png

Dash webapps#

Users of Dataiku 9.0 and above can also create Dash webapps, which use a Python library developed by Plotly.

For Dash webapps, the backend requires a code environment with the dash package installed. Unlike bokeh, the dash package is not preinstalled in the Dataiku builtin environment, which means that you would need to install the dash package yourself in an environment of your choice (or select an environment that already has it), and then configure your webapp to use this environment.

Webapps inherit the project environment by default, but you can also choose a different code environment specifically for the webapp. Once an appropriate code environment is selected (either at the project or webapp level), and the backend is started, you can begin writing your Dash webapp.

../../_images/dash-webapp.png

Visual webapps#

A code webapp can also be developed as a plugin and thus become available as a visual webapp for non-coders.

For visual webapps, the interface will prompt you to start creating the backend first. From then on, the process will depend on how the plugin was developed.

Below, you can see an example of a very simple visual webapp which can be run and edited by anyone from non-coders to coders.

In the Settings tab of this visual webapp, for example, users can select the input dataset for the visualization, as well as the columns to use for the X axis and the Y axis. Unlike code webapps, in a visual webapp, this can all be done through the visual UI, without having to use code.

../../_images/visual-webapp-settings.png

Once the user selects the input parameters, they can visualize the webapp in the View tab, which displays an interactive scatter plot based on the user inputs.

../../_images/visual-webapp.png

Webapps vs. Dataiku applications#

Webapps may occasionally be confused with the concept of “Dataiku Applications”. Be aware that these are two different tools.

../../_images/webapps-vs-dataiku-apps.png

Webapps are custom interactive applications hosted by Dataiku, which allow you to manipulate the Dataiku API with either Python, R or Javascript.

Dataiku Applications are a way to package a Dataiku project as a reusable application, prompting the user to enter an input to modify parameters, trigger some actions and get consumable results. The tool itself does not require coding skills and the application is created in a predefined interface from Dataiku.

Learn more about the difference between Dataiku applications and webapps in Concept | Dataiku applications.

../../_images/dataiku-app-ui.png

Publish webapps#

Once your webapp is developed, you can publish it, either to a dashboard or to a public URL.

You can publish a webapp to a dashboard from:

  • The dashboard itself, by clicking the green + icon, choosing the Webapps object, and selecting the webapp that you want to publish.

  • The Actions menu of the webapp itself, by clicking Publish and selecting the dashboard that you want to publish your webapp on.

../../_images/bokeh-publish-webapp.png

Access to the webapp will be allowed for logged-in Dataiku users having at least the rights to “Read dashboards” on the Dataiku project (if the webapp is accessible to dashboard users).

Webapps can also be made public and accessible via a public URL. Making webapps public is a functionality restricted to Administrator users. You will learn more about Dataiku admin privileges in another course.

../../_images/publish-webapps-to-url.png

This text summary introduced the concept of webapps and when to use them, the types of webapps hosted by Dataiku, and how to publish them. Now you can create your own interactive visualizations!