<div dir="ltr">Hello to all,<div><br></div><div>Sharing some new <b>UI </b>mockups with commentary from Herbert. This ongoing effort is called UI2 and we encourage you all too join our chat for most up-to-date news on LibreQoS:</div><div><a href="https://chat.libreqos.io/join/fvu3cerayyaumo377xwvpev6/">https://chat.libreqos.io/join/fvu3cerayyaumo377xwvpev6/<br></a></div><div><br></div><div>It will be a part of <b>v1.5-BETA-2</b> (due in 2-3 weeks if nothing goes wrong) and will be followed up with <b>v1.5-BETA-3</b>: "a greatly <b>improved LTS</b> pipeline to handle the pretty vast amounts of new data we have."</div><div><br></div><div>"Playing with ways to visualize flow data."<br></div><div><br></div><div><img src="cid:ii_lylsow7x0" alt="image.png" width="487" height="253"><br></div><div><br clear="all"><div><div dir="ltr" class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><div>"Now seems like a decent time to talk about a bit of UI2 I'm finding really exciting to work on: the circuit page. </div><div>This is the page you get to when you click on an active circuit, you can get there lots of ways, fast search, shaped devices list, top N lists, etc., I'm trying to take it from a science experiment to an actionable, useful page for support people.<br></div><div>It's not at all complete - the various tins graphs, site location graphs and things will be back. This is very much a work in progress."</div><div><br></div><div><img src="cid:ii_lylt1rv21" alt="image-2.png" width="487" height="214"><br></div><div><br></div><div>^^What are we seeing here? At the top:</div><div><br></div><div>- We lead in with who you're looking at. </div><div>- The, blurred out, circuit name, the parent node, which will take you to the tree position, speed limits.</div><div>- Then a gauge for current - at this second - utilization.</div><div>- Then a Total Circuit Throughput graph, showing all devices in this circuit's combined usage over time. </div><div>- Then a graph showing TCP retransmits from all devices.</div><div><br></div><div>Going down to the tabs (which will re-add the science experiment stuff!):</div><div>-The devices tab shows you each device in the circuit. We lead off with the MAC, because it's uniquely identifiable, or should be!</div><div>- If you have a comment, we show it.</div><div>- We list all your IPv4 and IPv6 addresses. If its not a network address, a background pinger sends 1 ping per second to each item. It gets a red mark if it never replies, a check mark if it does - and we show ping loss and ICMP time. These are colorized - I picked a lossy circuit to ensure you could see it.</div><div>- We show you "last seen" - when did the shaper last see some traffic? So now you have a 2nd chance to see if they are offline.</div><div>- We show you throughput as a bar, covering circuit range, no bar just a number if there's no limit, dividing by zero sucks.</div><div>- Up and down are separated.</div><div>- RTT readings are shown as a colorized bar, too.</div><div>- We show you current, this second, retransmit scores.</div><div>- Then to the right we graph throughput by just the device, TCP retransmits by just the device, and a histogram of the ping times we're accumulating while you watch.</div><div><br></div><div>The "Active Flows" tab gives you a count of data flows in the last second, and plots them in the Sankey graph above.</div><div><br></div><div>There's obviously a crapload more to come. Wanted to share some progress."<br></div><div><br></div><div>"Likewise, if you navigate the tree - you see real time data. You can expand, click to view just a single segment. Notice that we have retransmits, Cake marks/drops in there now!"<br></div><div><br></div><div><img src="cid:ii_lyltm0432" alt="image-3.png" width="487" height="292"><br></div><div><br></div><div>"Likewise, clients attached to each tree node are rendered with real-time data, sorry for the lack of data, I'm only testing on a tiny portion of the network":<br></div><div><br></div><div><img src="cid:ii_lyltnmcj3" alt="image-4.png" width="487" height="200"><br></div><div><br></div><div>"Lastly, the dashboard. It defaults to a pretty minimal view, but you can click the pencil at any time to add/remove/rearrange the dashboard widgets - from an ever growing selection. Some are more useful than others, some mostly serve to attract the attention of passers-by. </div><div><br></div><div>Here's a crazy zoomed out version with just about everything live updating":<br></div><div><br></div><div><img src="cid:ii_lyltvwb34" alt="image.png" width="487" height="427"><br></div><div><br></div><div>"And there are some with which we were just having fun, such as the RTT histogram with time as a 3rd axis/dimension":<br></div><div><br></div><div><img src="cid:ii_lylu3te85" alt="image-2.png" width="487" height="419"><br></div><div><br></div><div><b>Can't wait to share more cool stuff with all of you.</b></div><div><br></div><div>All the best,</div><div><br></div><div><p class="MsoNormal" style="color:rgb(34,34,34)">Frank<u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)"><u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)">Frantisek (Frank) Borsik<u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)"><u></u> <u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)"><a href="https://www.linkedin.com/in/frantisekborsik" style="color:rgb(17,85,204)" target="_blank">https://www.linkedin.com/in/frantisekborsik</a><u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)">Signal, Telegram, WhatsApp: +421919416714 <u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)">iMessage, mobile: +420775230885<u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)">Skype: casioa5302ca<u></u><u></u></p><p class="MsoNormal" style="color:rgb(34,34,34)"><a href="mailto:frantisek.borsik@gmail.com" style="color:rgb(17,85,204)" target="_blank">frantisek.borsik@gmail.com</a></p></div></div></div></div></div></div></div></div></div></div></div></div></div>