visualization-experiments/case1.html at master · ledancs/visualization-experiments · 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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<style>
    div{
        width: 100%;
    }
    svg{
        display: block;
        margin: auto;
    }
    body{
        font-family: sans-serif;
    }
</style>
<body>

<div>
    <svg id="hgraphContainer" width="1750" height="950" ></svg>
</div>

</body>
<script type="text/javascript" src="measurement.js"></script>
<script type="text/javascript" src="groups.js"></script>
<script type="text/javascript" src="patientA.js"></script>
<script type="text/javascript" src="snap.svg.js"></script>
<script type="text/javascript" src="hgraph/hgraph.js"></script>
<script>

    var bloodPressureG = new GroupedMs("Blood Pressure", patient.bloodPressure);
    var physicalFitnessG = new GroupedMs("Fitness", patient.fitness);
    var exerciseG = new GroupedMs("Exercise", patient.exercise);
    var bodyCompositionG = new GroupedMs("Body Composition", patient.bodyComposition);
    var sleepG = new GroupedMs("Sleep", patient.sleep);
    var labTestsG = new GroupedMs("Lab Tests", patient.labTests);
    var drugsG = new GroupedMs("Drugs", patient.drugs);
    var emotionalG = new GroupedMs("Emotional wellbeing", patient.emotionalWellbeing);

    var g = new hgraph("hgraphContainer", [exerciseG, bloodPressureG, bodyCompositionG, sleepG, physicalFitnessG, labTestsG, drugsG, emotionalG]);
</script>
</html>