I am developing an analytics app which would display multiple types of visualizations. So if I have a page displaying information about a stock, for instance, then I would like to show both the correlation and co-variance of that stock with a benchmark.
The problem is that I am using JavaScript libraries (D3.js) for the visualizations in the web view and I am wondering how to show more than one graph in a single page?
Do I:
- Show both graphs, one below the other (in which case the user will have to scroll down the page to see the 2nd graph)?
- Show a Tinder-like swipe option where the user stays on the same page and can swipe through the 2 or 3 graphs that belong to the same page?
With the latter I avoid the user having to scroll down (which I have read in some places, can be a little irritating to the user) but am afraid the user will have trouble making contextual sense since ideally one would like to see both graphs together.