The overall structure of a visualization with controls has slight but definitive differences from a chart without controls. For charts with controls, the HTML framework encasing the visualization is slightly modified, as is the method of drawing the visualization with the API. The modified HTML framework is a good starting point to describe the architecture of a visualization with control components.
The HTML structure of a visualization with controls is similar to the standard HTML visualization framework, with a few distinct alterations. Dashboards require a few small changes to the HTML <body>
section of the page. As with visualizations themselves, a <div id>
must be designated for not only the chart, but also each of the Dashboard and control elements. An advantage to separately assigned <div id>
tags is the Dashboard, control, and chart components that can be placed as desired in a page stylized with conventional HTML methods.
To start with...