|
|
|
* Interactive Graphics
|
|
|
|
Different types of graphs and charts are described in the following sections.
|
|
|
|
|
|
|
|
Most charts are interactive.
|
|
|
|
* Time series
|
|
|
|
|
|
|
|
Most line charts are time series with time on the x-axis. Here is an example:
|
|
|
|
|
|
|
|
[[figures/active-graph.png]]
|
|
|
|
|
|
|
|
This charts shows two variables. The legend at the top right not only specifies the mapping of variables to colours, but also enables *selecting/deselecting* individual variables by clicking on the corresponding legend item.
|
|
|
|
|
|
|
|
Hovering the mouse over a point of each line displays *exact values* of both coordinates, as demonstrated by the blue box near the IPv4 line.
|
|
|
|
|
|
|
|
The left and right sliders in the small copy of the chart at the bottom can be used to adjust the *limits* on the x-axis, i.e. the time interval.
|
|
|
|
|
|
|
|
The toolbar at the top offers several options for *manipulating* the chart, and also for *downloading* either the chart as PNG image or the underlying data in the CSV format. Hovering the mouse over an icon displays a tooltip with a brief explanation.
|
|
|
|
|
|
|
|
* Sparklines
|
|
|
|
|
|
|
|
A [[https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR][sparkline]] such as [[figures/sparkline.png]] is a tiny chart |
