Exhibit/Coordinators

Exhibit Reference Home &raquo; A coordinator synchronizes selection and highlight among several views. Declare coordinators as follows:

&lt;div ex:role="coordinator" id="coordinator-a" &gt;&lt;/div&gt; &lt;div ex:role="coordinator" id="coordinator-b" &gt;&lt;/div&gt;

Then, hook views into it, e.g.,

&lt;div ex:role="view" ex:viewClass="Timeline" ...     ex:selectCoordinator="coordinator-a" &gt;&lt;/div&gt; &lt;div ex:role="view" ex:viewClass="ScatterPlot" ex:label="Scatter plot 1" ...     ex:selectCoordinator="coordinator-a" ex:hoverCoordinator="coordinator-b" &gt;&lt;/div&gt; &lt;div ex:role="view" ex:viewClass="ScatterPlot" ex:label="Scatter plot 2" ...     ex:selectCoordinator="coordinator-a" ex:hoverCoordinator="coordinator-b" &gt;&lt;/div&gt;

In this example, whenever the user selects a point on any one of the 3 views, the corresponding points in the other 2 views are also selected (by "select" we mean that, for example, a bubble pops up on that point). Furthermore, when the user hovers the mouse pointer on a point in either scatter plot, the corresponding points in the other scatter plot also react as if they are hovered (e.g., showing tooltips).