vis-facetscape/index.html at master · EEXCESS/vis-facetscape · 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
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Facet Scape Visualization</title>
    <script type="text/javascript" src="lib/d3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="lib/jquery-2.1.0.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="lib/clipper_unminified.js" charset="utf-8"></script>
    <script type="text/javascript" src="lib/jquery.raty.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/ccp.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/facetScape.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/VoronoiPartitioner.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/logging.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="facetScape.css">
</head>
<body>
<div id="facetScapeViz"></div>
<div id="feedback">
    <div id="rating" class="rating"></div>
</div>
<script>
    PROVIDER.buildFacetScape('Loom', PROVIDER.names.econbiz, d3.select('div#facetScapeViz'), 900, 900);
    var rating = function(element, score) {
        element.raty({
            score: function() {
                if(score == -1) {
                    return 2;
                } else if(score == 1) {
                    return 1;
                } else {
                    return 0;
                }
            },
            path: "img",
            number: 2,
            width: false,
            iconRange: [
                {range: 1, on: 'thumbs-up-on.png', off: 'thumbs-up-off.png'},
                {range: 2, on: 'thumbs-down-on.png', off: 'thumbs-down-off.png'}
            ],
            hints: ['good', 'bad'],
            single: true,
            click: function(score, evt) {
                LOGGING.logRating(score);
            }
        });
    }

    /*
      Create rating element (thumbs up/down) with intial value 'LOGGING.getRating()'.
     */
    rating($("div#rating"), LOGGING.getRating());
</script>
</body>
</html>