<?xml version="1.0"?>
<?xml-stylesheet href="/transform" type="text/xsl"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:bibo="http://purl.org/ontology/bibo/" xmlns:bs="http://purl.org/ontology/bibo/status/" xmlns:ci="https://vocab.methodandstructure.com/content-inventory#" xmlns:dct="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" lang="en" prefix="bibo: http://purl.org/ontology/bibo/ bs: http://purl.org/ontology/bibo/status/ ci: https://vocab.methodandstructure.com/content-inventory# dct: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ rdf: http://www.w3.org/1999/02/22-rdf-syntax-ns# xhv: http://www.w3.org/1999/xhtml/vocab# xsd: http://www.w3.org/2001/XMLSchema#" vocab="http://www.w3.org/1999/xhtml/vocab#" xml:lang="en">
  <head>
    <title property="dct:title">Simulation Time!</title>
    <base href="https://doriantaylor.com/simulation-time"/>
    <link href="document-stats#EzdfJJvYKVxwz4M8NRVGTK" rev="ci:document"/>
    <link href="elsewhere" rel="alternate bookmark" title="Elsewhere"/>
    <link href="this-site" rel="alternate index" title="This Site"/>
    <link href="http://purl.org/ontology/bibo/status/published" rel="bibo:status"/>
    <link href="" rel="ci:canonical" title="Simulation Time!"/>
    <link href="person/dorian-taylor#me" rel="dct:creator" title="Dorian Taylor"/>
    <link href="file/simulation-time-screenshot" rel="foaf:depiction"/>
    <link href="person/dorian-taylor" rel="meta" title="Who I Am"/>
    <link about="./" href="3f36c30c-6096-454a-8a22-c062100ae41f" rel="alternate" type="application/atom+xml"/>
    <link about="./" href="f07f5044-01bc-472d-9079-9b07771b731c" rel="alternate" type="application/atom+xml"/>
    <link about="./" href="this-site" rel="alternate"/>
    <link about="./" href="elsewhere" rel="alternate"/>
    <link about="./" href="e341ca62-0387-4cea-b69a-cdabc7656871" rel="alternate" type="application/atom+xml"/>
    <link about="verso/" href="3f36c30c-6096-454a-8a22-c062100ae41f" rel="alternate" type="application/atom+xml"/>
    <link about="verso/" href="this-site" rel="alternate"/>
    <link about="verso/" href="elsewhere" rel="alternate"/>
    <meta content="Here is an attempt to simulate the process of what I have come to term &#x201C;highly-synthetic&#x201D; work." name="description" property="dct:abstract"/>
    <meta content="2018-10-25T05:47:37+00:00" datatype="xsd:dateTime" property="dct:created"/>
    <meta content="2018-10-27T14:53:01+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2018-10-29T02:31:12+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2018-11-01T15:08:54+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2018-11-01T18:40:49+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2018-11-01T22:50:28+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2018-11-03T01:20:46+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2018-11-22T01:39:09+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2019-03-11T08:14:10+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2019-08-15T21:03:26+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta content="2022-05-31T04:18:52+00:00" datatype="xsd:dateTime" property="dct:modified"/>
    <meta about="person/dorian-taylor#me" content="Dorian Taylor" name="author" property="foaf:name"/>
    <meta content="summary_large_image" name="twitter:card"/>
    <meta content="@doriantaylor" name="twitter:site"/>
    <meta content="Simulation Time!" name="twitter:title"/>
    <meta content="Here is an attempt to simulate the process of what I have come to term &#x201C;highly-synthetic&#x201D; work." name="twitter:description"/>
    <meta content="https://doriantaylor.com/file/simulation-time-screenshot" name="twitter:image"/>
    <object>
      <nav>
        <ul>
          <li>
            <a href="hello-internet" rev="dct:references" typeof="bibo:Note">
              <span property="dct:title">Hello, Internet</span>
            </a>
          </li>
          <li>
            <a href="toys" rev="dct:references" typeof="bibo:Article">
              <span property="dct:title">Toys</span>
            </a>
          </li>
          <li>
            <a href="document-stats#EzdfJJvYKVxwz4M8NRVGTK" rev="ci:document" typeof="qb:Observation">
              <span>urn:uuid:cdd7c926-f60a-4571-ac33-e0cf0d455193</span>
            </a>
          </li>
        </ul>
      </nav>
    </object>
  </head>
  <body about="" id="Emcx9c0d5p8LeufCK-Fz4I" typeof="bibo:Article">
    <figure>
      <form id="E-7dqpP1J6MLks7tyGuNJJ">
        <p>This graphic simulates an allocation of <input class="three-em" type="number" name="hours" min="20" step="4" value="600"/> hours over <input class="two-em" type="number" name="weeks" min="4" step="1" value="50"/> weeks, with a minimum of <input class="two-em" type="number" name="lwm" min="0" step="4" max="40" value="8"/> hours per week and a maximum of <input class="two-em" type="number" name="hwm" min="12" step="4" max="60" value="40"/>. We expect <input class="two-em" type="number" name="shape" min="1" max="49" step="1" value="20" onchange="this.form['shape-complement'].value = 100 - this.value"/>% of the goals to take <output name="shape-complement">80</output>% of the time.</p>
        <svg xmlns="http://www.w3.org/2000/svg" id="EhBxzQFHAWIuhjAgeMwcnK" version="1.1" width="100%" height="320" viewBox="0 0 480 320" preserveAspectRatio="xMidYMin meet">
          <style type="text/css" id="svg-static-style">
            rect.canvas, g.ties { cursor: pointer; }
            path.tie { fill: none; stroke-width: 0.25; }
          </style>
          <style type="text/css" id="svg-dynamic-style"/>
          <svg x="0" y="120" width="480" height="200" viewBox="0 0 480 200" preserveAspectRatio="xMidYMin meet">
            <rect class="canvas" x="0" y="0" width="480" height="300" fill="transparent"/>
            <g id="ties" stroke="black"/>
            <g id="pareto-unsorted"/>
            <g id="pareto-sorted"/>
          </svg>
          <g transform="translate(0,120)">
            <text x="0" y="-4" font-size="8">Chronological (squashed to fit)</text>
            <text x="480" y="-4" text-anchor="end" font-size="8">Sorted by rank (full scale)</text>
          </g>
          <svg x="40" y="0" width="400" height="80" viewBox="0 0 400 80" preserveAspectRatio="xMinYMax meet">
            <rect class="canvas" x="0" y="0" width="400" height="80" fill="transparent"/>
            <g id="timeline" transform="translate(0, 0) scale(2)"/>
          </svg>
          <g transform="translate(40, 80)">
            <text x="-3" y="7" font-size="8" text-anchor="end">0</text>
            <line x1="0" y1="0" x2="-2" y2="2" stroke-width="0.5" stroke="black"/>
            <g id="n-hours" transform="translate(0, 0)">
              <rect x="-4" y="-80" width="4" height="0.5"/>
              <text x="-2" y="-72" font-size="8" text-anchor="end"><tspan class="variable">40</tspan> Hours</text>
            </g>
            <g id="n-weeks" transform="translate(400, 0)">
              <rect x="0" y="0" width="0.5" height="4"/>
              <text x="2" y="8" font-size="8" text-anchor="start"><tspan class="variable">50</tspan> Weeks</text>
            </g>
          </g>
        </svg>
        <script type="text/javascript" src="asset/hsluv" rel="dct:requires"></script>
        <script type="text/javascript" src="asset/pareto-simulation" rel="dct:requires"></script>
      </form>
      <figcaption>
        <p>The purpose of this simulation is to get a sense of the <em>shape</em> of the process described by the parameters above. Each colour represents a response to an <dfn>issue</dfn>; time is represented in units of <var>4</var> hours. The blockier graphic above depicts a hypothetical timeline along which the work takes place. The second graphic shows relative composition: in chronological order on the left&#x2014;square-rooted to fit on the screen&#x2014;and sorted by size on the right, shown at full scale. Values in the graphics are randomly generated. You can drag the numbers to change them, which implicitly generates new graphics, or touch the visualizations themselves to regenerate new random values, and experience how the <em>same</em> parameters can vary in their results.</p>
      </figcaption>
    </figure>
  </body>
</html>
