diff --git a/docs/01-explore.md b/docs/01-explore.md index 5aa5bf03..6a2f320a 100644 --- a/docs/01-explore.md +++ b/docs/01-explore.md @@ -39,7 +39,7 @@ service. Click on “Visualize” in the sidebar. The page opens with a graph already drawn. On the left, a panel holds the options used to build it: -- the unit is `L3ᵇ⁄ₛ`, layer-3 bits per second, +- the unit is “Layer 3 bits per second”, - the graph type is “Stacked areas”, - the time range goes from 6 hours ago to now, - the only dimension is `SrcAS`, limited to the 10 first values, @@ -67,7 +67,7 @@ A dimension is a column used to split the traffic. Let's use another one. 1. In the left panel, click on the cross next to `SrcAS` in the “Dimensions” box to remove it. 2. Click on the box, type `InIfProvider` and select it. -3. Click on “Apply”, at the top of the panel. This button reads “Refresh” +3. Click on “Apply”, at the foot of the panel. This button reads “Refresh” when the options match the graph on screen. The graph now shows one band per network provider: `cogent`, `telia`, `tata` diff --git a/docs/52-console.md b/docs/52-console.md index e96d54c9..62fe188b 100644 --- a/docs/52-console.md +++ b/docs/52-console.md @@ -13,13 +13,17 @@ The home page contains these statistics: - number of flows received per second - number of exporters -- flow distribution by AS, ports, protocols, countries, and IP families +- traffic now and its peak over the period of the graph - traffic of the last 24 hours -- last flow received +- flow distribution by AS, ports, protocols, countries, and IP families, with + the share of each entry +- last flow received, with its fields in sections. The fields without a value + are behind the “Show empty fields” button -The sidebar on the left leads to the other pages. Its “Close” button, or -`Ctrl-B`, reduces it to icons. The button at the top right switches between -the light and the dark theme. +The menu on the left leads to the other pages. Its “Collapse menu” button, or +`Ctrl-B`, reduces it to icons. At its foot, the button next to your name +switches between the light and the dark theme. On a small screen, the menu is +closed: the button at the top left opens it. ## Visualize page @@ -104,9 +108,12 @@ appearance. while you type: an error is underlined and the query cannot be run until it is fixed. -The button at the top of the panel runs the query. It reads “Apply” after a +The button at the foot of the panel runs the query. It reads “Apply” after a change and “Refresh” otherwise. While a query runs, it reads “Cancel”. +On a small screen, the graph comes first. The “Options” button at the bottom +opens the panel. + On a time series, select a part of the graph with the mouse to restrict the time range to it. The handle below the graph changes its height. diff --git a/docs/documentation.png b/docs/documentation.png index ada1bfb8..529a1303 100644 Binary files a/docs/documentation.png and b/docs/documentation.png differ diff --git a/docs/home.png b/docs/home.png index d15e610b..379cbaad 100644 Binary files a/docs/home.png and b/docs/home.png differ diff --git a/docs/sankey.png b/docs/sankey.png index 393b37d9..bc3fa7d5 100644 Binary files a/docs/sankey.png and b/docs/sankey.png differ diff --git a/docs/timeseries.png b/docs/timeseries.png index 771dc0bd..e6b54e29 100644 Binary files a/docs/timeseries.png and b/docs/timeseries.png differ