-
Notifications
You must be signed in to change notification settings - Fork 0
/
bad.html
78 lines (62 loc) · 2.43 KB
/
bad.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
74
75
76
77
78
<html>
<head>
<title>
What is a good Visualization?
</title>
<link type="text/css" rel="stylesheet" href="cascade.css">
<link href="https://fonts.googleapis.com/css?family=Coiny|Montserrat|Ubuntu" rel="stylesheet">
</head>
<body>
<header>
<div class="title1">
<h1 class="title1">
What is a Good
VISUALIZATION ?
</h1>
</div>
<nav>
<ul>
<li><a href="mainpage.html" >home</a></li>
<li><a href="good.html" >good one</a></li>
<li><a href="bad.html" class="on">terrible one</a></li>
<li><a href="notes.html">notes</a></li>
</ul>
</nav>
<div>
<img class="bad" alt="a bad example of visualization" src="bad.png" />
</div>
<div class="feature">
<dl>
<dt class="feature">Summary</dt>
<dd>This is a horrible example of data visualization about how baby boomers describe themselves. There are so many problems, that I don’t know where to begin.</dd>
</dl>
</div>
<div>
<div class="bad">
<dl>
<dt class="feature">1. Reliable Information</dt>
<dd>There is no reference around the graph, so the reliability of the data can be questioned.</dd>
</dl>
</div>
<div class="bad">
<dl>
<dt class="feature">2. Relevant Pattern</dt>
<dd>The percentages given do not add up to 100%. Does this mean that the data was incorrectly calculated? Or does it mean that each person was allowed to describe themselves with more than one trait? We will never know. Also, no matter how you look at the color areas of the chart, the area or vertical space of the colors does not seem to correspond with the numbers presented on the right.</dd>
</dl>
</div>
<div class="bad">
<dl>
<dt class="feature">3. Exploration</dt>
<dd>It does provide some labels to describe baby boomers, but it just summarized data. And based on what have discussed before, this visualization is not helpful.</dd>
</dl>
</div>
<div class="bad">
<dl>
<dt class="feature">4. Attractive Manner</dt>
<dd>Having the colors filling up the shape of a person does not help the situation. Because a novel shape will have varying widths from bottom to top. This makes it very hard to know what percentage each color represents.Finally, what is the value for this particular data set of having the shape be a walking person?
</dd>
</dl>
</div>
</div>
</body>
</html>