creator of pev here, thanks for all the kind words!

I am trying to look for the logic to layout the plan on a 2D plane so that the boxes don't collide with each other but so far no luck. Can you give me a pointer please?

The sample JSON of the plan doesn't indicate how big the boxes would be when presented on the UI. And also how to draw the connections between them.

This is beautiful.

Can I ask, do you use a library to handle laying out the visual network, or is that using custom JS?

I don't use JS for layout, it's pretty much all custom CSS.

Still being developed/maintained? Last push in Oct...

Thank you. Pev was definitely influenced by explain.depesz, it's a great tool

Hi, I created Pev. This should be possible to do since you can graph durations and they're even color coded (red being the slowest and green being the fastest)

thanks, glad you enjoyed it!

glad you enjoyed it.

thank you, that's a great complement

epenn, thanks for reading and it was definitely meant satirically.

I've looked at Vapor. To be honest, I found it to be without much substance.

Oh, the lulz keep coming :)

Thanks Pedro. I definitely didn't mean this as a critique of JS library development. I'm actually very happy to see so many useful JavaScript libraries out there.

I'm glad to be of service :)