queryAutoVizInfEng/_index.html at master · WebDataScience/queryAutoVizInfEng · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta charset="utf-8" />
        <title>MHS</title>
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.9.2.custom.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/mhs.css"/>
        <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
        <script type="text/javascript" src="js/mhs.js"></script>
        <script type="text/javascript" src="js/d3.v3.min.js"></script>

        <script type="text/javascript">

        </script>
    </head>
    <body height="100%">
        <div><span><img src="img/logo_multicare.jpg"/></span>&nbsp;<span style="position: absolute;right: 10px"><img src="img/Ctr.Web.Data.Sci_uw_Inst.Tech.png"/></span></div>
        <div  style="width: 100%;text-align: right"><a href="#">My Account</a> <a href="#">Log Out</a></div>
        <br/>
        <div style="heigh:100%">
            <div  style="float:left;width: 20%;">
                <div style="height: 4%">&nbsp;</div><br/><br/>
                <div id="fieldList">
                    <ul>
                        <li><div>Table 1</div>
                            <ul id="fields">
                            </ul>
                        </li>
                        <li><div>Table 2</div>
                            <ul>
                                <li>Field 1</li>
                                <li>Field 2</li>
                                <li>Field 3</li>
                                <li>Field 4</li>
                            </ul>
                        </li>
                        <li><div>Table 3</div>
                            <ul>
                                <li>Field 1</li>
                                <li>Field 2</li>
                                <li>Field 3</li>
                                <li>Field 4</li>
                            </ul>
                        </li>

                    </ul>
                </div>
            </div>
            <div style="float:left;width: 75%;">

                <div id="tabs">
                    <ul>
                        <li><a href="#tabs-1">Segment Generation</a></li>
                        <li><a href="#tabs-2">Explore Models</a></li>
                        <li><a href="#tabs-3">Test Models</a></li>
                        <li><a href="#tabs-3">Display Models</a></li>
                        <li><a href="#tabs-3">Visualize</a></li>
                    </ul>
                    <div id="tabs-1">
                        <div id="dropContainer" style="width: 40%" class="dashed container">
                            <div class="label">Drag Fields Here</div>
                            <ul id="drop">
                            </ul>
                        </div>
                        <div id="stats" style="width: 50%" class="dashed stats">
                            <div id="indvCount">

                            </div>
                            <div id="matchCount">

                            </div>
                            <div id="chart">

                            </div>
                        </div>
                        <div style="clear: both"></div>
                    </div>
                    <div id="tabs-2">

                    </div>
                    <div id="tabs-3">


                    </div>
                </div>
            </div>
            <div style="clear:both"></div>
        </div>

    </body>

</html>