Google Visualization – HTML Table Layouts

In order to get a decent layout for charts and dashboards I found it helps to use html tables to create the base layout. Below are two, one with controls across the top, and the second with controls down the side. The tables are reasonably responsive to screen/window sizing….

Top Layout

html

Example Top Filter Table

Side Layout

html

Example Side Filter Table

For these to work with your visualizations, simply insert divs with ids to each of the cells where you need them

Leave a Reply

Your email address will not be published. Required fields are marked *