Visualization Implementation 8

<!DOCTYPE html>
<html>
  <body>
<h3>1. Color the marks by if the QB's school is in the Big Five, Group of Five, or Independent</h3>
<p> 1a. no restrictions </p>
<p>Explanation: With a color scheme of no restrictions for 3 group of data; Red-Green-Blue are the more relevant colors to differentiate the groups easily.</p>
<iframe src="1a.html" width="1200" height="550">
</iframe>

<p> 1b. color-blind safe </p>
<p>Explanation: With a color scheme of colorblind safe; Red color is not preferred.</p>
<iframe src="1b.html" width="1200" height="550">
</iframe>

<p> 1c. photocopy safe </p>
<P>Explanation: Photocopy safe indicates that a given color scheme will withstand black and white photocopying. These colors were used to easily distinguish when the graph is photo copied. </P>
<iframe src="1c.html" width="1200" height="550">
</iframe>

<h3>2. Plot only QBs from schools in the Big Five conferences.  Color the marks by conference.</h3>
<p> 2a. no restrictions </p>
<p>Explanation: Using these colors with reference to conference so as to differentiate 5 different conferences.</p>
<iframe src="2a.html" width="1200" height="550">
</iframe>

<p> 2b. can you do a color-blind safe or photocopy safe version?  why or why not? </p>
<iframe src="2b.html" width="600" height="200">
</iframe>

<h3>3. Plot only the top 5 QBs by rank and color the marks by rank.</h3>
<p> 3a. choose a multi-hue colormap </p>
<p>Explanation: Ranking is a sequential attribute. In this graph, dark color is used for high rank to light color for low rank.</p>
<iframe src="3a.html" width="1200" height="550">
</iframe>

<p> 3b. choose a single-hue colormap </p>
<p>Explanation: Ranking is a sequential attribute. In this graph, high saturated color is used for high rank to low saturated color for low rank.</p>
<iframe src="3a.html" width="1200" height="550">
</iframe>
</body>
</html>