|
|
Different types of graphs and charts are described in the following sections.
|
|
|
* Graph manipulation tools
|
|
|
Different types of graphs that are produced with the [[https://plotly.com/r/][Plotly R]] library have this toolbar at the top:
|
|
|
|
|
|
* Time series
|
|
|
[[figures/toolbar.png]]
|
|
|
|
|
|
The icons represent different options for *manipulating* the chart and *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.
|
|
|
|
|
|
* Time series
|
|
|
Most line charts are time series with time on the x-axis. Here is an example:
|
|
|
|
|
|
[[figures/active-graph.png]]
|
... | ... | @@ -12,8 +16,16 @@ Hovering the mouse over a point of each line displays *exact values* of both coo |
|
|
|
|
|
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
|
|
|
[[https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR][Sparklines]] such as [[figures/sparkline.png]] are tiny charts that are often embedded in tables. Again, hovering the mouse over the line shows the *exact value* at that point. Maximum and minimum values over the displayed range are indicated with red dots.
|
|
|
|
|
|
* Sankey diagrams
|
|
|
An array of bifurcating unidirectional flows (of bits and bytes, in our case) can be nicely visualized using the [[https://en.wikipedia.org/wiki/Sankey_diagram][Sankey diagram]]. Here is an example:
|
|
|
|
|
|
[[figures/sankey-small.png]]
|
|
|
|
|
|
The interactivity of this diagram is twofold:
|
|
|
- Hovering the mouse over one of the entitities represented by coloured bars (on the left or right) renders the flows sourced from or sinking in that entity in darker grey, and also displays a box with quantitative information.
|
|
|
- Hovering the mouse over one of the lines emphasizes the particular flow and displays info about it.
|
|
|
|
|
|
A [[https://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR][sparkline]] such as [[figures/sparkline.png]] is a tiny chart |
|
|
* Chord diagrams |