Dash Bio③（サーコスプロットの外側にヒストグラム表示）

サーコスプロットの外側にヒストグラム表示

サーコスプロットの外側にヒストグラムを表示してみます。

グラフの種類に‘HISTOGRAM’を設定するとヒストグラムを表示することができます。（24行目）

[ソースコード]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import json
import urllib.request as urlreq

import dash
import dash_bio as dashbio
from dash import html, dcc
from dash.dependencies import Input, Output, State

app = dash.Dash(__name__)

data = urlreq.urlopen(
    "https://git.io/circos_graph_data.json"
).read().decode("utf-8")

circos_graph_data = json.loads(data)

app.layout = html.Div(
    [
        dashbio.Circos(
            id="circos",
            layout=circos_graph_data["GRCh37"],
            tracks=[
                {
                    'type':'HISTOGRAM',
                    'data':circos_graph_data["histogram"],
                    'config':{    # ヒストグラムを外側に表示
                        'innerRadius':300,
                        'outerRadius':500
                    }
                }
            ]
        )
    ]
)

if __name__ == "__main__":
    app.run_server(debug=True)

ヒストグラムを外側に表示するためにconfig属性を設定する必要はないのですが、デフォルトだとヒストグラムが小さく見づらいので、ヒストグラムが見やすくなるようにconfig属性を設定します。

‘innerRadius’には外側の半径、‘outerRadius’には外側の半径を設定しています。（26～29行目）

[ブラウザで表示]

サーコスプロットの外側にヒストグラムを表示することができました。