Integrating non-Gosling visualizations
You may want to visualize a non-Gosling visualization within a Gosling visualization, such as showing a lineage tree along with multiple sequences.
In Gosling, you can do this by using DummyTrack
as a placeholder to create space for your non-Gosling visualization.
Your non-Gosling visualization can then be overlaid on top of the DummyTrack
using JS API functions to
get the position of the placeholder.
DummyTrack
can only be used with a linear layout
at the moment.
Here's a DummyTrack
specification example
"tracks": [
{
"type": "dummy-track",
"title": "Placeholder",
"id": "my_track",
"height": 200,
"width": 300,
"style": {"background": "#e6e6e6", "textFontSize": 8, "textFontWeight": "normal"}
}
],
DummyTrack
properties:
property | type | description |
---|---|---|
| string | Required. Must be |
| array | Unused property for DummyTrack |
| number | Specify the track width in pixels. |
| string | Text that gets shown on the DummyTrack |
| Defines how the track is styled | |
| boolean | Must be |
| boolean | |
| string | One of |
| string | Must be |
| string | Assigned to |
| number | Specify the track height in pixels. |
| string | Must be |
DummyTrack
has a style
property which can take an object with the following properties:
property | type | description |
---|---|---|
| number | Specify the stroke width of the title. |
| string | Specify the stroke color of title. |
| string | One of |
| number | Specify the font size of the title |
| string | Color of the outline of the track |
| string | Background color of the track |