Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Remi PLANEL
bioviz-js
Commits
f89b7f88
Commit
f89b7f88
authored
Apr 03, 2019
by
Remi PLANEL
Browse files
Draw genome axis
parent
7a9e6409
Changes
1
Hide whitespace changes
Inline
Side-by-side
src/scripts/index.ts
View file @
f89b7f88
import
GeneComponent
,
{
GeneData
}
from
"
./component/sequence/gene
"
;
import
GenomeAxis
from
"
./component/sequence/genome-axis
"
;
import
{
select
}
from
"
d3-selection
"
;
const
genes
=
[
const
width
=
1500
;
const
genes
:
Array
<
GeneData
>
=
[
{
name
:
"
gene 1
"
,
strand
:
"
-
"
,
begin
:
20815
,
end
:
21078
,
gene
:
"
insA
"
},
{
name
:
"
gene 2
"
,
strand
:
"
+
"
,
begin
:
21181
,
end
:
21399
,
gene
:
"
yaaY
"
},
{
name
:
"
gene 3
"
,
strand
:
"
+
"
,
begin
:
21407
,
end
:
22348
,
gene
:
"
ribF
"
},
{
name
:
"
gene 4
"
,
strand
:
"
+
"
,
begin
:
22391
,
end
:
25207
,
gene
:
"
ileS
"
}
]
const
geneComponent
=
GeneComponent
();
const
myGenes
=
select
<
SVGGElement
,
Array
<
GeneData
>>
(
"
g#genes
"
);
myGenes
.
datum
(
genes
).
call
(
geneComponent
,
1000
,
10
,
50
);
const
genomeAxis
=
GenomeAxis
();
const
svg
=
select
<
SVGSVGElement
,
any
>
(
"
svg
"
).
attr
(
"
width
"
,
width
+
100
).
attr
(
"
height
"
,
900
);
const
genomeAxisElem
=
svg
.
select
<
SVGElement
>
(
"
#axis
"
);
const
geneElem
=
svg
.
select
<
SVGElement
>
(
"
#genes
"
);
genomeAxisElem
.
datum
<
[
number
,
number
]
>
([
20000
,
26000
])
.
call
(
genomeAxis
,
width
,
0
);
geneElem
.
datum
<
Array
<
GeneData
>>
(
genes
)
.
call
(
geneComponent
,
genomeAxis
.
scale
(),
40
);
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment