ShapeDiver App Builder
The App Builder features of the ShapeDiver plugin and platform allow users to create flexible, customizable single-page 3D web applications using only Grasshopper.
Using the App Builder components of the ShapeDiver plugin, one can control the visibility and logic of interface parameters and expose the results not only through the embedded ShapeDiver 3D viewer but also using images, formatted text sections, and other UI elements such as tables, graphs and much more.
It allows the application’s user interface to react to the state of the associated ShapeDiver model. In particular, it allows such things as:
Organize the user interface in various UI containers, tabs, and widgets.
Hide and show parameters and whole sections of the interface depending on the values of model inputs and outputs.
Display textual and visual output information depending on the current state.
Quick start
We have given a complete introduction to the App Builder in a foo4rhino webinar. Check out the webinar below:
https://www.youtube.com/watch?v=bgpbulNHgLoTutorials
While this section provides in-depth information about the App Builder and its various features, you can get started now from the following hands-on tutorial definitions:
Tutorial | ShapeDiver model | Grasshopper definition | |
|---|---|---|---|
11A | Build a static user interface | ||
11B | Use parametric logic to build a contextual interface. | ||
11C | Link Export components to image widgets in your apps. | ||
11D | Define charts and graphs |