Delivering Streaming Metrics - Real-Time Analytics - page 346

On the rendering front, the Bootstrap 3 framework used to develop the
dashboards is a “mobile first” framework and has built-in “responsive”
features. This means that on phones and tablets the dashboards reorganize
themselves into a format that maximizes available space in the mobile
format. Figure 7.12 shows this responsive rearrangement for the example
dashboard.
Figure 7.12
For visualization rendering, Canvas and Inline SVG are supported on all
major mobile browsers. Even Mobile Internet Explorer and the BlackBerry
browser support SVG. The vector-based rendering also makes SVG an
excellent choice for dealing with the high resolutions encountered in
modern tablets and phones (as well as having good zoom behavior). The
only catch is that SVG, unlike Bootstrap, is not naturally “responsive.”
Figure 7.13 demonstrates what happens when the SVG is not adjusted after
resizing.