search

measurement-kit / network-meter

[HISTORICAL, UNUSED] Graphical frontend for various network tests
3 stars 1 forks source link

mini hackathon: visualization of results #31

Open bassosimone opened 9 years ago

0xPoly commented 9 years ago

We discussed the possibility of using different javascript frameworks in order to enable visualization. We decided to include d3.js as it is one of the most popular and powerful JS visualization toolkits. We also decided to include c3.js as some of the simpler visualizations are painful to develop from scratch in d3.js.

We also discussed using main.js to store some developer-provided functions to parse the output.

0xPoly commented 8 years ago

Alright, as agreed on a while ago, let's start with an example of what we want to achieve. This is a mockup for the 'ping' plugin. Say the user runs the equivalent of ping -c 6 ooni.nu, they should get as an output:

sample

When clicking on on view more, the user should be shown the raw output of the plugin.

0xPoly commented 8 years ago

I think the best way to implement this is to have an extra field in the plugins where developers can drop in their own code to create the visualizations. We would execute this code with c3.js or d3.js in scope, providing the output data as a variable. This would allow the developers to customize the visualizations.

I don't think this adds any extra attack surface.

bassosimone commented 8 years ago

I agree with what you say above and really look forward to see the ping plugin viz! :+1: