<html>
  <head>

    <meta http-equiv="content-type" content="text/html; charset=windows-1252">
  </head>
  <body>
    <br>
    <div class="moz-forward-container">
      <meta http-equiv="Content-Type" content="text/html;
        charset=windows-1252">
      <div class="moz-cite-prefix">On 2020/05/16 18:22, Dirk Hohndel
        wrote:<br>
      </div>
      <blockquote type="cite"
        cite="mid:6C3524BC-FCA2-4FCC-8761-9D7EEE8DB0CD@hohndel.org"><br>
        <div class="">
          <div>
            <div><br class="">
            </div>
            <div>I'd argue that's six (but that's because of my
              potential additions):</div>
            <div>two values:</div>
            <div>- 1) Bar chart</div>
            <div>- 2) Dot graph</div>
            <div>- 3) Scatter plot</div>
            <div>three values:</div>
            <div>- 4) Stacked bar chart</div>
            <div>- 5) Dot graph with colors</div>
            <div>- 6) Scatter plot with colors.</div>
            <br class="">
          </div>
        </div>
        <br>
      </blockquote>
      <p>We need to think about the UI for selecting the third variable.
        My idea was to use the Granularity dropbox for this purpose.</p>
      <p>For case (4) above, only two options for the 3rd variable are
        available (total no. dives and total dive time). The 3rd
        variable provides for the units along the vertical axis. Because
        of the fact that a stacked bar graph indicates the sum of some
        discrete components, none of the other variables that we
        considered would make sense within this context.<br>
      </p>
      <p>In contrast, for cases (5) and (6) above, the 3rd variable is
        probably a *categorical* variable e.g. suit type, dive type or
        one or more tags. We might have a dot graph of SAC rate using
        different suits (case 5) or of SAC rate against dive depth (case
        6) where the dots are colour-coded to represent dive mode. This
        would require a key to explain the different colours as
        presently in the stacked bar chart. Here are two mockups for
        this type of situation:</p>
      <p><img src="cid:part1.FEF76949.557789CB@zoology.up.ac.za" alt=""
          class="" width="434" height="433"></p>
      <p><img src="cid:part2.4E1C6B80.C00812F8@zoology.up.ac.za" alt=""
          class="" width="479" height="483"></p>
      <p>As a side note it is in principle possible for case (5) and (6)
        above to include a *continuous* 3rd variable e.g. a scatter plot
        of SAC versus dive depth where the colour of the dots indicate
        the water temperature of each dive. Here is a mockup of what I
        would call case (6a):</p>
      <p><br>
      </p>
      <p><img src="cid:part3.D4C6A8CD.659ADFE6@zoology.up.ac.za" alt=""
          class=""></p>
      <p><br>
      </p>
      <p>But this will require a different level of complexity in
        calculation and visual presentation.<br>
      </p>
      <p>What I am leading up to is that, if the Granularity dropbox is
        used for specifying the 3rd variable in cases (4) to (6) above,
        then these cases will not use the same 3rd variables. [case (4):
        no dives & total dive time; case (5) and (6): categorical
        (as well as continuous??) variables]. That would require that
        either some variables are greyed out in the Granularity dropbox,
        or that the Granularity dropbox is populated with a custom set
        of alternatives for each of these cases. <br>
      </p>
      <p>Kind regards,</p>
      <p>willem</p>
      <p><br>
      </p>
    </div>
  </body>
</html>

<br>
<div style="font-family:Arial,Helvetica,sans-serif"><span style="font-size:10.0pt;line-height:105%;font-family:"Segoe UI",sans-serif">This message and attachments are subject to a disclaimer.<br>
Please refer to <a href="http://upnet.up.ac.za/services/it/documentation/docs/004167.pdf" target="_blank">http://upnet.up.ac.za/<wbr>services/it/documentation/<wbr>docs/004167.pdf</a> </span><span style="font-size:10pt;line-height:105%;font-family:Tahoma,sans-serif">for
full details.</span></div>