Comments (2)
Hello Andy,
Sorry for the late reply, though I did see the issue earlier.
Showing full .qlog links is a good feature that shouldn't be too much work to add.
There are some caveats here though, in that it's more difficult if the user didn't pass in a .qlog directly (e.g., do we link to the passed-in .pcap file? What about the .keys file then?). Ideally, I'd store the qlog on the server and let people link to that, but I'm not sure I want to offer that service as part of qvis... Similar questions can be asked when passing multiple qlog files at once.
So I'll probably add the simplest case soon (if you passed in a .qlog URL, you'll get to extract that easily) and keep the rest for later.
I will also look into the "jump to a specific part of the sequence diagram via the URL" concept, which is something I'd considered before and agree would be very useful.
from qvis.
Hello Andy,
I have updated qvis to hopefully fix most of the issue for you.
Firstly, if the qlog was loaded from a URL directly, the URL is now click-able in the sequence diagram (should be underlined and clickable on top of the vertical timelines). This works for 2 sides separately (client vs server) if both were loaded from a URL individually).
Secondly, if you now click on an event in the sequence diagram to get the popup with extra qlog details (so click on one of the colored squares for example), there should now be a link on top that you can copy. This link should open qvis directly with the given trace and scroll automatically to the specified event. An example of such a link (which should scroll all the way down to packet 367) is: https://qvis.edm.uhasselt.be/?#/sequence?file=https://qlog.edm.uhasselt.be/anrw/files/examples/figure2_c.qlog&focusOnConnection=0&focusOnEvent=5869
For this second part there are some caveats though:
- only works if the trace was loaded via a URL
- it doesn't highlight or indicate the chosen event directly, it just makes sure it's "on screen". I guess that's ok for most purposes, so let me know what a better UX solution would be for this if not.
- if you've loaded 2 traces separately, this will generate a single link that combines them + also scrolls to the correct event. However, due to another bug in qlog, you need to manually select the server-side trace (currently, it auto-generates another viewpoint from the client trace). Fill file this as a separate bug after this post.
Please try it out and let me know if you'd like changes!
from qvis.
Related Issues (20)
- Removed trace can linger if opened prior
- Duplicate error guesstimation in packetization diagram
- Allow manually changing trace VantagePoint
- improve the RTT diagram HOT 4
- Improve ACK visualization for large amounts of ACKs / large packet numbers HOT 2
- Change handling of auto-generated traces in sequence diagram
- Add a (simple) query language / CLI interface HOT 1
- Add ability to download sequence diagrams as svg HOT 4
- Improve congestion packet hover details by taking into account event order/index
- Bug in live version, cannot load multiple files by URL HOT 4
- Bug in live version -- only display first few packets in sequence view HOT 2
- Visualize pacing_rate HOT 2
- Bug in live version--qvis not able to upload qlog files for Visualization. HOT 5
- Visualizing Streams in Qlogs HOT 1
- Import Qlogs from a different computer HOT 2
- Maybe can support the odd number stream id in the multiplexing? HOT 2
- Bug in live version
- Bug in live version | It seems the website is down HOT 1
- Extracting qlog files from Firefox HOT 2
- When I load a 300M qlog file, the website crashes HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from qvis.