feat: allow parallel and serial arrangements of multiple circular views with different domains

[sehilyi]

Overview

This PR allows using different domains among multiple circular views if they are arranged in parallel or serial. Previously, due to technical limitations, such circular views were not able to show different domains.

The main reason was that to show circular views inside the same rectangular area, such views had to be assigned to the same HiGlass view (i.e., center.combined). Since a HiGlass view only has a single domain, this resulted in forcing to show the identical domain across such views.

Given that react-grid-layout will allow overlaps (allowOverlap: true) in the next release, we can render views in separate RGL's views and superpose them (screenshot).

Example

Parallel

Multiple ideograms that show different chromosomes are arranged in parallel.

Serial

Two chromosomes, chr1 and chr2, are juxtaposed and mirrored (serial arrangement).

To-Do

• Since the allowOverlap of RGL is not released yet, this PR uses manually built RGL and HiGlass packages. Once the new version of RGL is released, we can upgrade RGL in HiGlass and include an allowOverlap prop in the HiGlass view config.

Open Issues

• Supporting interactions (Related to Better way to allow zoom/pan in circular tracks? #69): How to better support zooming and panning in circular views? Currently, only the view on the top is affected by mouse drag and wheel interactions.

Fix #203

[sehilyi]

This has been merged to another PR, #459.