The view manipulation I decided to implement was selection and highlighting.
The updated plot provides a region where details are provided when a data item is selected. Making a detailed view felt like an appropriate and natural choice for this graphic. As I was working on it originally I found myself wanting to have the ability to obtain more information about points of interest. Before it was not possible to do this, but now it is.
The kinds of elements that are selection targets in this graphic are the scatterplot data items (the circles).
There are 2 selection types in this view.
It has been decided that only 1 element at a time can be explicitly selected.
Explicit selection is shown via 4 mechanisms.
xxxxxxxxxx
<html>
<head>
<title>Homework</title>
<meta charset="utf-8" />
<link href="main.css" type="text/css" rel="stylesheet" />
<script src="d3.js" type="text/javascript" /></script>
<script src="legend.js" type="text/javascript" /></script>
<script src="scatterplot.js" type="text/javascript" /></script>
<script src="color_map.js" type="text/javascript" /></script>
<script src="detail.js" type="text/javascript" /></script>
</head>
<body>
<script src="setup.js" type="text/javascript" /></script>
<script src="main.js" type="text/javascript" /></script>
</body>
</html>