This example shows one way to add a user interface on top of a Chiasm application (using AngularJS). Every time an interaction is performed with the widgets on the left, a new Chiasm configuration is generated and passed into the Chaism runtime environment. The runtime environment then computes the difference between the previous configuration and the new configuration, then executes actions corresponding to the changes to the appropriate component instances.
Features of this example include:
- Selection from three preselected data sets from the UCI Machine Learning Repository
- Selection of a single column from the selected data set to visualize in the bar chart.
- Numeric columns will be aggregated into bins and presented as a histogram.
- Categorical columns will be aggregated and presented as a bar chart, where each bar corresponds to a unique value.
- Selection of bar chart orientation between horizontal and vertical.
- Selection of bar fill color.
Known Issues (e.g. with the “adult” data set):
- The tick labels overlap each other on the X axis in many cases
- The tick labels overlap with the axis label on the Y axis
Draws from