1. Stripline
2. Slopegraph
3. Line chart
4. Area chart$\leftarrow$

					div, p a.foo {
					  color: red;
					  font-weight: bold;
					}
				

1. div elements, hyperlinks with class foo and paragraphs
2. div elements, hyperlinks with class foo in paragraphs $\leftarrow$
3. div elements, paragraphs in hyperlinks with class foo
4. div elements in paragraphs or in hyperlinks with class foo

					<svg style="height: 25px; background-color: lightpink;">
					  <rect x="20" y="5" width="100" height="10" fill="blue"></rect>
					  <text x="0" y="20" style="font-size: 0.65em">5</text>
					</svg>
				

2. $\leftarrow$

					<!-- assume data.csv contains:
					Color
					Red
					Green
					Blue
					-->

					<p>Orange</p>

					<script>
					d3.csv("data.csv").then(function(data) {
					  d3.select("body")
					  	.selectAll("p")
					  	.data(data)
					  	.enter()
					  	.append("p")
					  	.text(function(d) {return d.Color; })
					  });
					</script>
				

1. Orange, Color, Red, Green, Blue on separate lines
2. Orange, Green, Blue on separate lines$\leftarrow$
3. Color, Red, Green, Blue on separate lines
4. Red, Green, Blue on separate lines

1. Basic features that pop-out correspond to the basic visual patterns processed by the brain
2. Pop-out is an individual property
3. In feature space, the smaller the distance between target and distractors the smaller the pop-out effect
4. The pop-put effect depends on practice, familiarity and number of distractors

1. By adding a key to the data-join, updates can occur anywhere in the data array.
2. If a key is not specified, then the first datum in values is assigned to the first element in the selection and so on.
3. Is usually implemented by formatting the data as an array of objects with some key-value property for the keys.
4. Is realized by specifying the keys in the second argument in selection.data(values, [, key])

					A. The decimal point is 1 digit(s) to the right of the |    C. The decimal point is 1 digit(s) to the right of the |
					 4 | 2                                                       4 | 2
					 6 | 738                                                     6 | 837
					 8 | 24619                                                   8 | 91642
					10 |                                                        10 |
					12 | 2                                                      12 | 2

					B. The decimal point is 1 digit(s) to the right of the |    D. The decimal point is 2 digit(s) to the right of the |
					 4 | 2                                                       0 | 4
					 5 |                                                         0 | 7788899
					 6 | 7                                                       1 | 02
					 7 | 38
					 8 | 246
					 9 | 19
					10 |
					11 |
					12 | 2