RREFinder-based-analysis/test_fv.html at main · QuercusCode/RREFinder-based-analysis · GitHub

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
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/calipho-sib/feature-viewer@v1.1.0/dist/feature-viewer.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://d3js.org/d3.v4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/calipho-sib/feature-viewer@v1.1.0/dist/feature-viewer.bundle.js"></script>
</head>
<body>
    <div id="fv1"></div>
    <script>
        setTimeout(() => {
            var ft = new FeatureViewer(1000, '#fv1', {
                showAxis: true,
                showSequence: false,
                brushActive: false,
                toolbar: false
            });
            ft.addFeature({
                data: [{x: 100, y: 200}],
                name: "Test",
                color: "red",
                type: "rect"
            });
        }, 500);
    </script>
</body>
</html>