ThingWorx Model Definition and Composer > Visualization
Mashups are web page visualizations that you use to deliver information from the ThingWorx model.
The Mashup Builder is the tool you use to create your visualization web pages in ThingWorx, and is where individual mashups are defined. A mashup is a ThingWorx web page. The Mashup Builder is designed to be used by a content developer who has knowledge of the implemented ThingWorx model, and allows you to combine the data services available within ThingWorx with a set of visualization components, called widgets, to create unique web pages that can combine data from multiple sources.
You also define style and state definitions within the Mashup Builder. Styles and States are used to control the look and feel, such as colors, fonts, and color contexting, of individual widgets in your mashup.
It is a 100% configuration, zero code content development environment. The basic concepts are as follows:
Widgets are the components that you place on a web page. They include things such as grids and charts for data rendering. Widgets also include basic HTML elements such as text boxes, buttons, and navigation links. Anything that is visible or clickable is a widget.
Data services are added to the mashup from the list of available services on the ThingWorx application server. You can then bind the results of a data service to a widget. Data services can be called on mashup page load and/or based on other service states and user interaction.
Widgets support styles and states to different degrees, depending on the intended functionality of a Widget. For example, a text box will support a style for font size, font color, and background color, but not color context via states. A value display will support style or state. Using a state definition will allow you to affect the style applied to the display depending on a data value (the value being displayed or another value returned in the same data service result).