-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
73 lines (72 loc) · 3.42 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>category influence</title>
<!--<link rel="stylesheet" href="/css/bootstrap.min.css">-->
<link rel="stylesheet" href="css/styles2.css">
<script type="text/javascript" src="d3/d3.v3.min.js"></script>
<script type="text/javascript" src="jquery/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/underscore.js"></script>
<script type="text/javascript" src="js/mapper.js"></script>
</head>
<body>
<div id="header"></div>
<div id="wrapper">
<div id="chord_tooltip" class="tooltip" style="visibility: hidden; top: 32px; left: 356px;"></div>
<div id="content-box1">
<span class="chartTitle">Understand how the discussion of different topics effects OSAT</span>
</div>
<div id="content-box2">
<span class="chartTitle">Statistically determine how topics drive satisfaction (size based on influence, not volume)</span>
</div>
<div id="content">
<div id="content-left">
<span><strong>Change how heatmap boxes are sized</strong><br><i>Size by...</i></span>
<select id="heatmapControl">
<option value="total_documents">Total Volume</option>
<option value="detractor_documents">Detractor Volume</option>
<option value="promoter_documents">Promoter Volume</option>
<option value="neutral_documents">Neutral Volume</option>
<option value="count"># of Topics</option>
</select>
<br>
<span><i>Color by...</i> <br>average overall sentiment</span>
<br><br><br>
<strong>Sort or label the chart on the bottom left</strong>
<br><br>
<input id="detractorDesc" type="radio" name="sort" value="detractorDesc" checked><span> Sort detractors</span>
<br>
<input id="promoterDesc" type="radio" name="sort" value="promoterDesc"><span> Sort promoters</span>
<br>
<input id="neutralDesc" type="radio" name="sort" value="neutralDesc"><span> Sort neutrals</span>
<br>
<input id="categoryAsc" type="radio" name="sort" value="categoryAsc"><span> Alphabetize</span>
<br><br>
<input id="labelToggle" type="checkbox"><span>Show Labels</span><br><br>
<br><br>
<span><strong>Split out the groups on the bottom right</strong></span>
<br><br>
<div id="view_selection" class="btn-group">
<a href="#" id="all" class="btn active">Group</a>
<a href="#" id="infBand" class="btn">Separate</a>
</div>
<br><span> </span>
<br>
<br>
</div>
<div id="content-main">
<span class="chartTitle">This heatmap shows average sentiment across discussion topics. Click on heatmap to navigate and zoom in on the voice of the customer</span>
</div>
<div id="content-box3">
<span class="chartTitle">Understand the co-occurring discussions: When customers talk about a given topic, what else are they talking about and what kind of sentiment are they using?</span>
</div>
</div>
<div id="footer">
<img src="images/cb_footer.jpg" width="50" height="26" alt="CB Logo">
</div>
<div id="bottom"></div>
</div>
</body>
<script type="text/javascript" src="js/npsbycategory_divlayout.js"></script>
</html>