chartlet 0.22.0

Compile structured data into deterministic, accessible static charts
Documentation
1
<div class="chartlet-wrapper chartlet-responsive chartlet-bp-640"><style>.chartlet-wrapper.chartlet-responsive{display:block;width:100%;container-type:inline-size}.chartlet-variant-mobile{display:none}@container (max-width:639px){.chartlet-bp-640 .chartlet-variant-desktop{display:none}.chartlet-bp-640 .chartlet-variant-mobile{display:block}}</style><style>.chartlet-stage{position:relative;display:inline-block;max-width:100%;vertical-align:top}.chartlet-stage>svg{display:block}.chartlet-hotspot{position:absolute;border-radius:8px;cursor:pointer}.chartlet-focus{margin:0 0 12px 0;font-size:13px}.chartlet-focus summary{cursor:pointer;min-height:24px}.chartlet-focus fieldset{border:none;padding:0;margin:4px 0 0 0}.chartlet-focus label{display:inline-flex;align-items:center;min-height:44px;margin-right:14px;cursor:pointer;white-space:nowrap}.chartlet-focus input{margin-right:4px}.chartlet-focus input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.chartlet-wrapper:has(.chartlet-focus-node:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f{opacity:.18}#chartlet-a214faf72dd6d0b0-hs-0{left:49.525%;top:3.093%;width:21.299%;height:4.186%}#chartlet-a214faf72dd6d0b0-hs-1{left:51.281%;top:12.488%;width:17.786%;height:5.814%}#chartlet-a214faf72dd6d0b0-hs-2{left:52.721%;top:23.512%;width:14.907%;height:4.186%}#chartlet-a214faf72dd6d0b0-hs-3{left:49.619%;top:32.907%;width:21.111%;height:6.977%}#chartlet-a214faf72dd6d0b0-hs-4{left:50.969%;top:50.86%;width:18.41%;height:4.186%}#chartlet-a214faf72dd6d0b0-hs-5{left:48.413%;top:60.256%;width:23.524%;height:6.977%}#chartlet-a214faf72dd6d0b0-hs-6{left:52.952%;top:78.209%;width:14.444%;height:5.814%}#chartlet-a214faf72dd6d0b0-hs-7{left:30.256%;top:91.093%;width:18.807%;height:5.349%}#chartlet-a214faf72dd6d0b0-hs-8{left:52.952%;top:91.674%;width:14.444%;height:4.186%}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-0:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-0{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-0:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-0 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-0:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-0 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-1:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-1{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-1:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-1 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-1:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-1 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-2:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-2{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-2:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-2 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-2:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-2 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-3:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-3{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-3:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-3 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-3:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-3 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-4:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-4{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-4:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-4 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-4:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-4 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-5:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-5{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-5:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-5 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-5:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-5 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-6:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-6{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-6:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-6 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-6:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-6 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-7:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-7{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-7:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-7 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-7:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-7 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-8:checked) #chartlet-a214faf72dd6d0b0 .chartlet-f-8{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-8:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-8 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-8:checked) #chartlet-a214faf72dd6d0b0 .chartlet-n-8 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(.chartlet-focus-node:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f{opacity:.18}#chartlet-a214faf72dd6d0b0-m-hs-0{left:47.465%;top:1.395%;width:24.867%;height:6.047%}#chartlet-a214faf72dd6d0b0-m-hs-1{left:48.476%;top:11.864%;width:22.844%;height:9.302%}#chartlet-a214faf72dd6d0b0-m-hs-2{left:44.991%;top:25.588%;width:29.814%;height:4.186%}#chartlet-a214faf72dd6d0b0-m-hs-3{left:39.913%;top:34.196%;width:39.969%;height:6.977%}#chartlet-a214faf72dd6d0b0-m-hs-4{left:47.736%;top:50.491%;width:24.325%;height:6.047%}#chartlet-a214faf72dd6d0b0-m-hs-5{left:42.82%;top:60.96%;width:34.156%;height:8.837%}#chartlet-a214faf72dd6d0b0-m-hs-6{left:47.062%;top:79.115%;width:25.672%;height:5.814%}#chartlet-a214faf72dd6d0b0-m-hs-7{left:21.693%;top:90.93%;width:23.242%;height:7.209%}#chartlet-a214faf72dd6d0b0-m-hs-8{left:49.379%;top:92.442%;width:21.039%;height:4.186%}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-0:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-0{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-0:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-0 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-0:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-0 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-1:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-1{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-1:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-1 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-1:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-1 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-2:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-2{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-2:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-2 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-2:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-2 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-3:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-3{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-3:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-3 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-3:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-3 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-4:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-4{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-4:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-4 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-4:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-4 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-5:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-5{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-5:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-5 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-5:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-5 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-6:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-6{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-6:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-6 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-6:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-6 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-7:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-7{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-7:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-7 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-7:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-7 .chartlet-seq-box{stroke-width:3}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-8:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-f-8{opacity:1}.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-8:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-8 .chartlet-flow-node,.chartlet-wrapper:has(#chartlet-a214faf72dd6d0b0-focus-8:checked) #chartlet-a214faf72dd6d0b0-m .chartlet-n-8 .chartlet-seq-box{stroke-width:3}</style><details class="chartlet-focus"><summary>Focus</summary><fieldset><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" checked> Show all</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-0"> Contract requested</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-1"> Draft contract</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-2"> Legal review</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-3"> Compliant?</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-4"> Negotiate terms</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-5"> Terms agreed?</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-6"> Sign</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-7"> Contract archive</label><label><input type="radio" name="chartlet-a214faf72dd6d0b0-focus" class="chartlet-focus-node" id="chartlet-a214faf72dd6d0b0-focus-8"> In force</label></fieldset></details><figure class="chartlet-figure" data-viz="chart"><figcaption>Contract review</figcaption><div class="chartlet-variant-desktop"><div class="chartlet-stage"><svg xmlns="http://www.w3.org/2000/svg" width="720" height="860" viewBox="0 0 720 860" id="chartlet-a214faf72dd6d0b0" role="img" aria-labelledby="chartlet-a214faf72dd6d0b0-title chartlet-a214faf72dd6d0b0-description" class="chartlet-root"><title id="chartlet-a214faf72dd6d0b0-title">Contract review</title><desc id="chartlet-a214faf72dd6d0b0-description">Flow chart with 9 steps and 10 connections. Main path: Contract requested → Draft contract → Legal review → Compliant? → Negotiate terms → Terms agreed? → Sign → In force. Nothing leads out of Contract archive. Loops: Draft contract → Legal review → Compliant? → Draft contract; Negotiate terms → Terms agreed? → Negotiate terms. Contract requested (start): leads to Draft contract. Draft contract: leads to Legal review. Legal review: leads to Compliant?. Compliant? (decision): leads to Negotiate terms (yes) and Draft contract (no). Negotiate terms: leads to Terms agreed?. Terms agreed? (decision): leads to Sign (yes) and Negotiate terms (no, revise). Sign: leads to Contract archive and In force. Contract archive (data store): no further step. In force (end): no further step.</desc><style>.chartlet-root{--chartlet-text:#172033;--chartlet-muted:#344054;--chartlet-grid:#d9dee8;--chartlet-zero:#667085;--chartlet-accent:#2563eb;--chartlet-background:#fff;--chartlet-color-1:#2563eb;--chartlet-color-2:#c2410c;--chartlet-color-3:#475569;--chartlet-color-4:#111827;max-width:100%;height:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0 .chartlet-title{font-size:22px;font-weight:650;fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0 .chartlet-label,#chartlet-a214faf72dd6d0b0 .chartlet-tick,#chartlet-a214faf72dd6d0b0 .chartlet-value,#chartlet-a214faf72dd6d0b0 .chartlet-value-inverse,#chartlet-a214faf72dd6d0b0 .chartlet-axis-title{font-size:12px;fill:var(--chartlet-muted)}#chartlet-a214faf72dd6d0b0 .chartlet-value,#chartlet-a214faf72dd6d0b0 .chartlet-value-inverse{font-weight:600}#chartlet-a214faf72dd6d0b0 .chartlet-value{fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0 .chartlet-value-inverse{fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0 .chartlet-axis-title{font-weight:600}#chartlet-a214faf72dd6d0b0 .chartlet-grid{stroke:var(--chartlet-grid);stroke-width:1}#chartlet-a214faf72dd6d0b0 .chartlet-zero{stroke:var(--chartlet-zero);stroke-width:1.5}#chartlet-a214faf72dd6d0b0 .chartlet-bar,#chartlet-a214faf72dd6d0b0 .chartlet-point{fill:var(--chartlet-accent)}#chartlet-a214faf72dd6d0b0 .chartlet-line{fill:none;stroke:var(--chartlet-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#chartlet-a214faf72dd6d0b0 .chartlet-background{fill:var(--chartlet-background)}.chartlet-root{--chartlet-node:#eef3fd;--chartlet-lane:#f7f9fc;--chartlet-lane-head:#eef1f6;--chartlet-shadow:rgba(16,24,40,.09);--chartlet-role-blue:#2563eb;--chartlet-role-blue-fill:#eef3fd;--chartlet-role-green:#15803d;--chartlet-role-green-fill:#ecfdf3;--chartlet-role-amber:#b45309;--chartlet-role-amber-fill:#fff7e8;--chartlet-role-teal:#0f766e;--chartlet-role-teal-fill:#e9faf7;--chartlet-role-violet:#6d28d9;--chartlet-role-violet-fill:#f3efff;--chartlet-role-gray:#667085;--chartlet-role-gray-fill:#f7f8fa;--chartlet-role-red:#b42318;--chartlet-role-red-fill:#fef3f2}.chartlet-root.chartlet-theme-dark{--chartlet-node:#1a2436;--chartlet-lane:#121925;--chartlet-lane-head:#18212f;--chartlet-shadow:rgba(0,0,0,.45);--chartlet-role-blue:#7ea6ff;--chartlet-role-blue-fill:#1a2436;--chartlet-role-green:#4ade80;--chartlet-role-green-fill:#132a1d;--chartlet-role-amber:#fbbf24;--chartlet-role-amber-fill:#2b2210;--chartlet-role-teal:#2dd4bf;--chartlet-role-teal-fill:#0f2a27;--chartlet-role-violet:#b69cff;--chartlet-role-violet-fill:#231c38;--chartlet-role-gray:#9aa7bd;--chartlet-role-gray-fill:#161d29;--chartlet-role-red:#f97066;--chartlet-role-red-fill:#2d1616}#chartlet-a214faf72dd6d0b0 .chartlet-role-blue{fill:var(--chartlet-role-blue-fill);stroke:var(--chartlet-role-blue)}#chartlet-a214faf72dd6d0b0 .chartlet-role-green{fill:var(--chartlet-role-green-fill);stroke:var(--chartlet-role-green)}#chartlet-a214faf72dd6d0b0 .chartlet-role-amber{fill:var(--chartlet-role-amber-fill);stroke:var(--chartlet-role-amber)}#chartlet-a214faf72dd6d0b0 .chartlet-role-teal{fill:var(--chartlet-role-teal-fill);stroke:var(--chartlet-role-teal)}#chartlet-a214faf72dd6d0b0 .chartlet-role-violet{fill:var(--chartlet-role-violet-fill);stroke:var(--chartlet-role-violet)}#chartlet-a214faf72dd6d0b0 .chartlet-role-gray{fill:var(--chartlet-role-gray-fill);stroke:var(--chartlet-role-gray)}#chartlet-a214faf72dd6d0b0 .chartlet-role-red{fill:var(--chartlet-role-red-fill);stroke:var(--chartlet-role-red)}#chartlet-a214faf72dd6d0b0 .chartlet-diagram-rim{fill:none;stroke:var(--chartlet-role-teal);stroke-width:1.5}#chartlet-a214faf72dd6d0b0 .chartlet-diagram-shadow{fill:var(--chartlet-shadow);stroke:none;rx:7px}#chartlet-a214faf72dd6d0b0 .chartlet-diagram-chip{fill:var(--chartlet-background);stroke:var(--chartlet-grid);stroke-width:1;rx:4px}#chartlet-a214faf72dd6d0b0 .chartlet-diagram-chip-text{font-size:12px;fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0 .chartlet-diagram-badge{fill:var(--chartlet-accent);stroke:var(--chartlet-background);stroke-width:2}#chartlet-a214faf72dd6d0b0 .chartlet-diagram-badge-text{font-size:10px;font-weight:700;fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0 .chartlet-flow-node{stroke-width:1.5;stroke-linejoin:round;rx:7px}#chartlet-a214faf72dd6d0b0 .chartlet-flow-start{stroke-width:2}#chartlet-a214faf72dd6d0b0 .chartlet-flow-end{stroke-width:3}#chartlet-a214faf72dd6d0b0 .chartlet-flow-external{stroke-dasharray:5 3}#chartlet-a214faf72dd6d0b0 .chartlet-flow-inner{stroke:var(--chartlet-role-blue);stroke-width:1}#chartlet-a214faf72dd6d0b0 .chartlet-flow-label{font-size:13px;font-weight:600;fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0 .chartlet-flow-sublabel{font-size:11px;fill:var(--chartlet-muted)}#chartlet-a214faf72dd6d0b0 .chartlet-flow-edge{fill:none;stroke:var(--chartlet-zero);stroke-width:1.4;stroke-linejoin:round}#chartlet-a214faf72dd6d0b0 .chartlet-flow-dashed{stroke-dasharray:5 4}#chartlet-a214faf72dd6d0b0 .chartlet-flow-dotted{stroke-dasharray:1 4;stroke-linecap:round}#chartlet-a214faf72dd6d0b0 .chartlet-flow-main{stroke:var(--chartlet-accent);stroke-width:2.2}#chartlet-a214faf72dd6d0b0 .chartlet-flow-head{fill:var(--chartlet-zero);stroke:var(--chartlet-zero);stroke-width:1;stroke-linejoin:round}#chartlet-a214faf72dd6d0b0 .chartlet-flow-main-head{fill:var(--chartlet-accent);stroke:var(--chartlet-accent)}#chartlet-a214faf72dd6d0b0 .chartlet-flow-lane{fill:var(--chartlet-lane);stroke:var(--chartlet-grid);stroke-width:1}#chartlet-a214faf72dd6d0b0 .chartlet-flow-lane-alt{fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0 .chartlet-flow-lane-head{fill:var(--chartlet-lane-head);stroke:none}#chartlet-a214faf72dd6d0b0 .chartlet-flow-lane-label{font-size:11px;font-weight:650;fill:var(--chartlet-muted);letter-spacing:.04em}#chartlet-a214faf72dd6d0b0 .chartlet-flow-group{fill:var(--chartlet-accent);fill-opacity:.04;stroke:var(--chartlet-zero);stroke-width:1;stroke-dasharray:4 3;rx:10px}#chartlet-a214faf72dd6d0b0 .chartlet-flow-group-label{font-size:11px;font-weight:600;fill:var(--chartlet-muted)}</style><g class="chartlet-f chartlet-f-0 chartlet-f-1"><polyline points="433.255,62.6 433.255,99.4" class="chartlet-flow-edge chartlet-flow-main"><title>Contract requested → Draft contract</title></polyline><polyline points="429.755,99.4 433.255,107.4 436.755,99.4 429.755,99.4" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-1 chartlet-f-2"><polyline points="433.255,157.4 433.255,194.2" class="chartlet-flow-edge chartlet-flow-main"><title>Draft contract → Legal review</title></polyline><polyline points="429.755,194.2 433.255,202.2 436.755,194.2 429.755,194.2" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-2 chartlet-f-3"><polyline points="433.255,238.2 433.255,275" class="chartlet-flow-edge chartlet-flow-main"><title>Legal review → Compliant?</title></polyline><polyline points="429.755,275 433.255,283 436.755,275 429.755,275" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-3 chartlet-f-4"><polyline points="433.255,343 433.255,429.4" class="chartlet-flow-edge chartlet-flow-main"><title>Compliant? → Negotiate terms: yes</title></polyline><polyline points="429.755,429.4 433.255,437.4 436.755,429.4 429.755,429.4" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"><polyline points="509.255,313 523.255,313 523.255,132.4 505.285,132.4" class="chartlet-flow-edge chartlet-flow-dashed"><title>Compliant? → Draft contract: no</title></polyline><polyline points="505.285,128.9 497.285,132.4 505.285,135.9 505.285,128.9" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><polyline points="433.255,473.4 433.255,510.2" class="chartlet-flow-edge chartlet-flow-main"><title>Negotiate terms → Terms agreed?</title></polyline><polyline points="429.755,510.2 433.255,518.2 436.755,510.2 429.755,510.2" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-5 chartlet-f-6"><polyline points="433.255,578.2 433.255,664.6" class="chartlet-flow-edge chartlet-flow-main"><title>Terms agreed? → Sign: yes</title></polyline><polyline points="429.755,664.6 433.255,672.6 436.755,664.6 429.755,664.6" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><polyline points="348.57,548.2 334.57,548.2 334.57,455.4 358.98,455.4" class="chartlet-flow-edge chartlet-flow-dashed"><title>Terms agreed? → Negotiate terms: no, revise</title></polyline><polyline points="358.98,458.9 366.98,455.4 358.98,451.9 358.98,458.9" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-6 chartlet-f-7"><polyline points="381.255,697.6 367.255,697.6 367.255,745 285.55,745 285.55,775.4" class="chartlet-flow-edge"><title>Sign → Contract archive</title></polyline><polyline points="282.05,775.4 285.55,783.4 289.05,775.4 282.05,775.4" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-6 chartlet-f-8"><polyline points="433.255,722.6 433.255,780.4" class="chartlet-flow-edge chartlet-flow-main"><title>Sign → In force</title></polyline><polyline points="429.755,780.4 433.255,788.4 436.755,780.4 429.755,780.4" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1"></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2 chartlet-f-3"></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-2 chartlet-f-3 chartlet-f-4"></g><g class="chartlet-f chartlet-n-4 chartlet-f-3 chartlet-f-4 chartlet-f-5"></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5 chartlet-f-6"></g><g class="chartlet-f chartlet-n-6 chartlet-f-5 chartlet-f-6 chartlet-f-7 chartlet-f-8"></g><g class="chartlet-f chartlet-n-7 chartlet-f-6 chartlet-f-7"></g><g class="chartlet-f chartlet-n-8 chartlet-f-6 chartlet-f-8"></g><g class="chartlet-f chartlet-f-3 chartlet-f-4"><rect x="437.255" y="348" width="30.16" height="21" class="chartlet-diagram-chip"/><text x="442.255" y="362" text-anchor="start" class="chartlet-diagram-chip-text">yes</text></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"><rect x="527.255" y="287" width="23.44" height="21" class="chartlet-diagram-chip"/><text x="532.255" y="301" text-anchor="start" class="chartlet-diagram-chip-text">no</text></g><g class="chartlet-f chartlet-f-5 chartlet-f-6"><rect x="437.255" y="583.2" width="30.16" height="21" class="chartlet-diagram-chip"/><text x="442.255" y="597.2" text-anchor="start" class="chartlet-diagram-chip-text">yes</text></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><rect x="262.49" y="522.2" width="68.08" height="21" class="chartlet-diagram-chip"/><text x="325.57" y="536.2" text-anchor="end" class="chartlet-diagram-chip-text">no, revise</text></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1"><polyline points="491.93,29.1 498.819,30.47 504.658,34.372 508.56,40.212 509.93,47.1 508.56,53.988 504.658,59.828 498.819,63.73 491.93,65.1 374.58,65.1 367.692,63.73 361.852,59.828 357.951,53.988 356.58,47.1 357.951,40.212 361.852,34.372 367.692,30.47 374.58,29.1 491.93,29.1" class="chartlet-diagram-shadow"/><polyline points="491.93,26.6 498.819,27.97 504.658,31.872 508.56,37.712 509.93,44.6 508.56,51.488 504.658,57.328 498.819,61.23 491.93,62.6 374.58,62.6 367.692,61.23 361.852,57.328 357.951,51.488 356.58,44.6 357.951,37.712 361.852,31.872 367.692,27.97 374.58,26.6 491.93,26.6" class="chartlet-flow-node chartlet-flow-start chartlet-role-green"><title>Contract requested</title></polyline><text x="433.255" y="49.1" text-anchor="middle" class="chartlet-flow-label">Contract requested</text></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"><rect x="369.225" y="109.9" width="128.06" height="50" class="chartlet-diagram-shadow"/><rect x="369.225" y="107.4" width="128.06" height="50" class="chartlet-flow-node chartlet-role-blue"><title>Draft contract – from the template</title></rect><text x="433.255" y="129.9" text-anchor="middle" class="chartlet-flow-label">Draft contract</text><text x="433.255" y="143.9" text-anchor="middle" class="chartlet-flow-sublabel">from the template</text></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2 chartlet-f-3"><rect x="379.59" y="204.7" width="107.33" height="36" class="chartlet-diagram-shadow"/><rect x="379.59" y="202.2" width="107.33" height="36" class="chartlet-flow-node chartlet-role-blue"><title>Legal review</title></rect><text x="433.255" y="224.7" text-anchor="middle" class="chartlet-flow-label">Legal review</text></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-2 chartlet-f-3 chartlet-f-4"><polyline points="433.255,285.5 509.255,315.5 433.255,345.5 357.255,315.5 433.255,285.5" class="chartlet-diagram-shadow"/><polyline points="433.255,283 509.255,313 433.255,343 357.255,313 433.255,283" class="chartlet-flow-node chartlet-role-amber"><title>Compliant?</title></polyline><text x="433.255" y="317.5" text-anchor="middle" class="chartlet-flow-label">Compliant?</text></g><g class="chartlet-f chartlet-n-4 chartlet-f-3 chartlet-f-4 chartlet-f-5"><rect x="366.98" y="439.9" width="132.55" height="36" class="chartlet-diagram-shadow"/><rect x="366.98" y="437.4" width="132.55" height="36" class="chartlet-flow-node chartlet-role-blue"><title>Negotiate terms</title></rect><text x="433.255" y="459.9" text-anchor="middle" class="chartlet-flow-label">Negotiate terms</text></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5 chartlet-f-6"><polyline points="433.255,520.7 517.94,550.7 433.255,580.7 348.57,550.7 433.255,520.7" class="chartlet-diagram-shadow"/><polyline points="433.255,518.2 517.94,548.2 433.255,578.2 348.57,548.2 433.255,518.2" class="chartlet-flow-node chartlet-role-amber"><title>Terms agreed?</title></polyline><text x="433.255" y="552.7" text-anchor="middle" class="chartlet-flow-label">Terms agreed?</text></g><g class="chartlet-f chartlet-n-6 chartlet-f-5 chartlet-f-6 chartlet-f-7 chartlet-f-8"><rect x="381.255" y="675.1" width="104" height="50" class="chartlet-diagram-shadow"/><rect x="381.255" y="672.6" width="104" height="50" class="chartlet-flow-node chartlet-role-blue"><title>Sign – both parties</title></rect><text x="433.255" y="695.1" text-anchor="middle" class="chartlet-flow-label">Sign</text><text x="433.255" y="709.1" text-anchor="middle" class="chartlet-flow-sublabel">both parties</text></g><g class="chartlet-f chartlet-n-7 chartlet-f-6 chartlet-f-7"><polyline points="217.845,790.9 217.845,826.9 220.152,828.194 226.916,829.4 237.676,830.436 251.698,831.23 268.027,831.73 285.55,831.9 303.074,831.73 319.403,831.23 333.425,830.436 344.185,829.4 350.948,828.194 353.255,826.9 353.255,790.9 350.948,789.606 344.185,788.4 333.425,787.364 319.403,786.57 303.074,786.07 285.55,785.9 268.027,786.07 251.698,786.57 237.676,787.364 226.916,788.4 220.152,789.606 217.845,790.9 217.845,790.9" class="chartlet-diagram-shadow"/><polyline points="217.845,788.4 217.845,824.4 220.152,825.694 226.916,826.9 237.676,827.936 251.698,828.73 268.027,829.23 285.55,829.4 303.074,829.23 319.403,828.73 333.425,827.936 344.185,826.9 350.948,825.694 353.255,824.4 353.255,788.4 350.948,787.106 344.185,785.9 333.425,784.864 319.403,784.07 303.074,783.57 285.55,783.4 268.027,783.57 251.698,784.07 237.676,784.864 226.916,785.9 220.152,787.106 217.845,788.4 217.845,788.4" class="chartlet-flow-node chartlet-role-teal"><title>Contract archive</title></polyline><polyline points="217.845,788.4 220.152,789.694 226.916,790.9 237.676,791.936 251.698,792.73 268.027,793.23 285.55,793.4 303.074,793.23 319.403,792.73 333.425,791.936 344.185,790.9 350.948,789.694 353.255,788.4" class="chartlet-diagram-rim"/><text x="285.55" y="813.9" text-anchor="middle" class="chartlet-flow-label">Contract archive</text></g><g class="chartlet-f chartlet-n-8 chartlet-f-6 chartlet-f-8"><polyline points="467.255,790.9 474.144,792.27 479.983,796.172 483.885,802.012 485.255,808.9 483.885,815.788 479.983,821.628 474.144,825.53 467.255,826.9 399.255,826.9 392.367,825.53 386.527,821.628 382.626,815.788 381.255,808.9 382.626,802.012 386.527,796.172 392.367,792.27 399.255,790.9 467.255,790.9" class="chartlet-diagram-shadow"/><polyline points="467.255,788.4 474.144,789.77 479.983,793.672 483.885,799.512 485.255,806.4 483.885,813.288 479.983,819.128 474.144,823.03 467.255,824.4 399.255,824.4 392.367,823.03 386.527,819.128 382.626,813.288 381.255,806.4 382.626,799.512 386.527,793.672 392.367,789.77 399.255,788.4 467.255,788.4" class="chartlet-flow-node chartlet-flow-end chartlet-role-green"><title>In force</title></polyline><text x="433.255" y="810.9" text-anchor="middle" class="chartlet-flow-label">In force</text></g></svg><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-0" for="chartlet-a214faf72dd6d0b0-focus-0"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-1" for="chartlet-a214faf72dd6d0b0-focus-1"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-2" for="chartlet-a214faf72dd6d0b0-focus-2"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-3" for="chartlet-a214faf72dd6d0b0-focus-3"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-4" for="chartlet-a214faf72dd6d0b0-focus-4"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-5" for="chartlet-a214faf72dd6d0b0-focus-5"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-6" for="chartlet-a214faf72dd6d0b0-focus-6"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-7" for="chartlet-a214faf72dd6d0b0-focus-7"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-hs-8" for="chartlet-a214faf72dd6d0b0-focus-8"></label></div></div><div class="chartlet-variant-mobile"><div class="chartlet-stage"><svg xmlns="http://www.w3.org/2000/svg" width="360" height="860" viewBox="0 0 360 860" id="chartlet-a214faf72dd6d0b0-m" role="img" aria-labelledby="chartlet-a214faf72dd6d0b0-m-title chartlet-a214faf72dd6d0b0-m-description" class="chartlet-root"><title id="chartlet-a214faf72dd6d0b0-m-title">Contract review</title><desc id="chartlet-a214faf72dd6d0b0-m-description">Flow chart with 9 steps and 10 connections. Main path: Contract requested → Draft contract → Legal review → Compliant? → Negotiate terms → Terms agreed? → Sign → In force. Nothing leads out of Contract archive. Loops: Draft contract → Legal review → Compliant? → Draft contract; Negotiate terms → Terms agreed? → Negotiate terms. Contract requested (start): leads to Draft contract. Draft contract: leads to Legal review. Legal review: leads to Compliant?. Compliant? (decision): leads to Negotiate terms (yes) and Draft contract (no). Negotiate terms: leads to Terms agreed?. Terms agreed? (decision): leads to Sign (yes) and Negotiate terms (no, revise). Sign: leads to Contract archive and In force. Contract archive (data store): no further step. In force (end): no further step.</desc><style>.chartlet-root{--chartlet-text:#172033;--chartlet-muted:#344054;--chartlet-grid:#d9dee8;--chartlet-zero:#667085;--chartlet-accent:#2563eb;--chartlet-background:#fff;--chartlet-color-1:#2563eb;--chartlet-color-2:#c2410c;--chartlet-color-3:#475569;--chartlet-color-4:#111827;max-width:100%;height:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0-m .chartlet-title{font-size:22px;font-weight:650;fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0-m .chartlet-label,#chartlet-a214faf72dd6d0b0-m .chartlet-tick,#chartlet-a214faf72dd6d0b0-m .chartlet-value,#chartlet-a214faf72dd6d0b0-m .chartlet-value-inverse,#chartlet-a214faf72dd6d0b0-m .chartlet-axis-title{font-size:12px;fill:var(--chartlet-muted)}#chartlet-a214faf72dd6d0b0-m .chartlet-value,#chartlet-a214faf72dd6d0b0-m .chartlet-value-inverse{font-weight:600}#chartlet-a214faf72dd6d0b0-m .chartlet-value{fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0-m .chartlet-value-inverse{fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0-m .chartlet-axis-title{font-weight:600}#chartlet-a214faf72dd6d0b0-m .chartlet-grid{stroke:var(--chartlet-grid);stroke-width:1}#chartlet-a214faf72dd6d0b0-m .chartlet-zero{stroke:var(--chartlet-zero);stroke-width:1.5}#chartlet-a214faf72dd6d0b0-m .chartlet-bar,#chartlet-a214faf72dd6d0b0-m .chartlet-point{fill:var(--chartlet-accent)}#chartlet-a214faf72dd6d0b0-m .chartlet-line{fill:none;stroke:var(--chartlet-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#chartlet-a214faf72dd6d0b0-m .chartlet-background{fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0-m .chartlet-title-small{font-size:18px}.chartlet-root{--chartlet-node:#eef3fd;--chartlet-lane:#f7f9fc;--chartlet-lane-head:#eef1f6;--chartlet-shadow:rgba(16,24,40,.09);--chartlet-role-blue:#2563eb;--chartlet-role-blue-fill:#eef3fd;--chartlet-role-green:#15803d;--chartlet-role-green-fill:#ecfdf3;--chartlet-role-amber:#b45309;--chartlet-role-amber-fill:#fff7e8;--chartlet-role-teal:#0f766e;--chartlet-role-teal-fill:#e9faf7;--chartlet-role-violet:#6d28d9;--chartlet-role-violet-fill:#f3efff;--chartlet-role-gray:#667085;--chartlet-role-gray-fill:#f7f8fa;--chartlet-role-red:#b42318;--chartlet-role-red-fill:#fef3f2}.chartlet-root.chartlet-theme-dark{--chartlet-node:#1a2436;--chartlet-lane:#121925;--chartlet-lane-head:#18212f;--chartlet-shadow:rgba(0,0,0,.45);--chartlet-role-blue:#7ea6ff;--chartlet-role-blue-fill:#1a2436;--chartlet-role-green:#4ade80;--chartlet-role-green-fill:#132a1d;--chartlet-role-amber:#fbbf24;--chartlet-role-amber-fill:#2b2210;--chartlet-role-teal:#2dd4bf;--chartlet-role-teal-fill:#0f2a27;--chartlet-role-violet:#b69cff;--chartlet-role-violet-fill:#231c38;--chartlet-role-gray:#9aa7bd;--chartlet-role-gray-fill:#161d29;--chartlet-role-red:#f97066;--chartlet-role-red-fill:#2d1616}#chartlet-a214faf72dd6d0b0-m .chartlet-role-blue{fill:var(--chartlet-role-blue-fill);stroke:var(--chartlet-role-blue)}#chartlet-a214faf72dd6d0b0-m .chartlet-role-green{fill:var(--chartlet-role-green-fill);stroke:var(--chartlet-role-green)}#chartlet-a214faf72dd6d0b0-m .chartlet-role-amber{fill:var(--chartlet-role-amber-fill);stroke:var(--chartlet-role-amber)}#chartlet-a214faf72dd6d0b0-m .chartlet-role-teal{fill:var(--chartlet-role-teal-fill);stroke:var(--chartlet-role-teal)}#chartlet-a214faf72dd6d0b0-m .chartlet-role-violet{fill:var(--chartlet-role-violet-fill);stroke:var(--chartlet-role-violet)}#chartlet-a214faf72dd6d0b0-m .chartlet-role-gray{fill:var(--chartlet-role-gray-fill);stroke:var(--chartlet-role-gray)}#chartlet-a214faf72dd6d0b0-m .chartlet-role-red{fill:var(--chartlet-role-red-fill);stroke:var(--chartlet-role-red)}#chartlet-a214faf72dd6d0b0-m .chartlet-diagram-rim{fill:none;stroke:var(--chartlet-role-teal);stroke-width:1.5}#chartlet-a214faf72dd6d0b0-m .chartlet-diagram-shadow{fill:var(--chartlet-shadow);stroke:none;rx:7px}#chartlet-a214faf72dd6d0b0-m .chartlet-diagram-chip{fill:var(--chartlet-background);stroke:var(--chartlet-grid);stroke-width:1;rx:4px}#chartlet-a214faf72dd6d0b0-m .chartlet-diagram-chip-text{font-size:12px;fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0-m .chartlet-diagram-badge{fill:var(--chartlet-accent);stroke:var(--chartlet-background);stroke-width:2}#chartlet-a214faf72dd6d0b0-m .chartlet-diagram-badge-text{font-size:10px;font-weight:700;fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-node{stroke-width:1.5;stroke-linejoin:round;rx:7px}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-start{stroke-width:2}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-end{stroke-width:3}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-external{stroke-dasharray:5 3}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-inner{stroke:var(--chartlet-role-blue);stroke-width:1}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-label{font-size:13px;font-weight:600;fill:var(--chartlet-text)}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-sublabel{font-size:11px;fill:var(--chartlet-muted)}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-edge{fill:none;stroke:var(--chartlet-zero);stroke-width:1.4;stroke-linejoin:round}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-dashed{stroke-dasharray:5 4}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-dotted{stroke-dasharray:1 4;stroke-linecap:round}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-main{stroke:var(--chartlet-accent);stroke-width:2.2}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-head{fill:var(--chartlet-zero);stroke:var(--chartlet-zero);stroke-width:1;stroke-linejoin:round}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-main-head{fill:var(--chartlet-accent);stroke:var(--chartlet-accent)}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-lane{fill:var(--chartlet-lane);stroke:var(--chartlet-grid);stroke-width:1}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-lane-alt{fill:var(--chartlet-background)}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-lane-head{fill:var(--chartlet-lane-head);stroke:none}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-lane-label{font-size:11px;font-weight:650;fill:var(--chartlet-muted);letter-spacing:.04em}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-group{fill:var(--chartlet-accent);fill-opacity:.04;stroke:var(--chartlet-zero);stroke-width:1;stroke-dasharray:4 3;rx:10px}#chartlet-a214faf72dd6d0b0-m .chartlet-flow-group-label{font-size:11px;font-weight:600;fill:var(--chartlet-muted)}</style><g class="chartlet-f chartlet-f-0 chartlet-f-1"><polyline points="215.634,64 215.634,94.03" class="chartlet-flow-edge chartlet-flow-main"><title>Contract requested → Draft contract</title></polyline><polyline points="212.134,94.03 215.634,102.03 219.134,94.03 212.134,94.03" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-1 chartlet-f-2"><polyline points="215.634,182.03 215.634,212.06" class="chartlet-flow-edge chartlet-flow-main"><title>Draft contract → Legal review</title></polyline><polyline points="212.134,212.06 215.634,220.06 219.134,212.06 212.134,212.06" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-2 chartlet-f-3"><polyline points="215.634,256.06 215.634,286.09" class="chartlet-flow-edge chartlet-flow-main"><title>Legal review → Compliant?</title></polyline><polyline points="212.134,286.09 215.634,294.09 219.134,286.09 212.134,286.09" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-3 chartlet-f-4"><polyline points="215.634,354.09 215.634,426.224" class="chartlet-flow-edge chartlet-flow-main"><title>Compliant? → Negotiate terms: yes</title></polyline><polyline points="212.134,426.224 215.634,434.224 219.134,426.224 212.134,426.224" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"><polyline points="287.579,324.09 295.579,324.09 295.579,142.03 264.754,142.03" class="chartlet-flow-edge chartlet-flow-dashed"><title>Compliant? → Draft contract: no</title></polyline><polyline points="264.754,138.53 256.754,142.03 264.754,145.53 264.754,138.53" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><polyline points="215.634,486.224 215.634,516.254" class="chartlet-flow-edge chartlet-flow-main"><title>Negotiate terms → Terms agreed?</title></polyline><polyline points="212.134,516.254 215.634,524.254 219.134,516.254 212.134,516.254" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-5 chartlet-f-6"><polyline points="215.634,600.254 215.634,672.388" class="chartlet-flow-edge chartlet-flow-main"><title>Terms agreed? → Sign: yes</title></polyline><polyline points="212.134,672.388 215.634,680.388 219.134,672.388 212.134,672.388" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><polyline points="154.154,562.254 146.154,562.254 146.154,460.224 163.849,460.224" class="chartlet-flow-edge chartlet-flow-dashed"><title>Terms agreed? → Negotiate terms: no, revise</title></polyline><polyline points="163.849,463.724 171.849,460.224 163.849,456.724 163.849,463.724" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-6 chartlet-f-7"><polyline points="169.424,705.388 161.424,705.388 161.424,749.403 119.929,749.403 119.929,774" class="chartlet-flow-edge"><title>Sign → Contract archive</title></polyline><polyline points="116.429,774 119.929,782 123.429,774 116.429,774" class="chartlet-flow-head"/></g><g class="chartlet-f chartlet-f-6 chartlet-f-8"><polyline points="215.634,730.388 215.634,787" class="chartlet-flow-edge chartlet-flow-main"><title>Sign → In force</title></polyline><polyline points="212.134,787 215.634,795 219.134,787 212.134,787" class="chartlet-flow-head chartlet-flow-main-head"/></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1"></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2 chartlet-f-3"></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-2 chartlet-f-3 chartlet-f-4"></g><g class="chartlet-f chartlet-n-4 chartlet-f-3 chartlet-f-4 chartlet-f-5"></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5 chartlet-f-6"></g><g class="chartlet-f chartlet-n-6 chartlet-f-5 chartlet-f-6 chartlet-f-7 chartlet-f-8"></g><g class="chartlet-f chartlet-n-7 chartlet-f-6 chartlet-f-7"></g><g class="chartlet-f chartlet-n-8 chartlet-f-6 chartlet-f-8"></g><g class="chartlet-f chartlet-f-3 chartlet-f-4"><rect x="219.634" y="359.09" width="30.16" height="21" class="chartlet-diagram-chip"/><text x="224.634" y="373.09" text-anchor="start" class="chartlet-diagram-chip-text">yes</text></g><g class="chartlet-f chartlet-f-1 chartlet-f-3"><rect x="299.579" y="298.09" width="23.44" height="21" class="chartlet-diagram-chip"/><text x="304.579" y="312.09" text-anchor="start" class="chartlet-diagram-chip-text">no</text></g><g class="chartlet-f chartlet-f-5 chartlet-f-6"><rect x="219.634" y="605.254" width="30.16" height="21" class="chartlet-diagram-chip"/><text x="224.634" y="619.254" text-anchor="start" class="chartlet-diagram-chip-text">yes</text></g><g class="chartlet-f chartlet-f-4 chartlet-f-5"><rect x="74.074" y="536.254" width="68.08" height="21" class="chartlet-diagram-chip"/><text x="137.154" y="550.254" text-anchor="end" class="chartlet-diagram-chip-text">no, revise</text></g><g class="chartlet-f chartlet-n-0 chartlet-f-0 chartlet-f-1"><polyline points="234.394,14.5 244.343,16.479 252.778,22.115 258.414,30.55 260.394,40.5 258.414,50.45 252.778,58.885 244.343,64.521 234.394,66.5 196.874,66.5 186.924,64.521 178.489,58.885 172.853,50.45 170.874,40.5 172.853,30.55 178.489,22.115 186.924,16.479 196.874,14.5 234.394,14.5" class="chartlet-diagram-shadow"/><polyline points="234.394,12 244.343,13.979 252.778,19.615 258.414,28.05 260.394,38 258.414,47.95 252.778,56.385 244.343,62.021 234.394,64 196.874,64 186.924,62.021 178.489,56.385 172.853,47.95 170.874,38 172.853,28.05 178.489,19.615 186.924,13.979 196.874,12 234.394,12" class="chartlet-flow-node chartlet-flow-start chartlet-role-green"><title>Contract requested</title></polyline><text x="215.634" y="34.5" text-anchor="middle" class="chartlet-flow-label">Contract</text><text x="215.634" y="50.5" text-anchor="middle" class="chartlet-flow-label">requested</text></g><g class="chartlet-f chartlet-n-1 chartlet-f-0 chartlet-f-1 chartlet-f-2 chartlet-f-3"><rect x="174.514" y="104.53" width="82.24" height="80" class="chartlet-diagram-shadow"/><rect x="174.514" y="102.03" width="82.24" height="80" class="chartlet-flow-node chartlet-role-blue"><title>Draft contract – from the template</title></rect><text x="215.634" y="124.53" text-anchor="middle" class="chartlet-flow-label">Draft</text><text x="215.634" y="140.53" text-anchor="middle" class="chartlet-flow-label">contract</text><text x="215.634" y="154.53" text-anchor="middle" class="chartlet-flow-sublabel">from the</text><text x="215.634" y="168.53" text-anchor="middle" class="chartlet-flow-sublabel">template</text></g><g class="chartlet-f chartlet-n-2 chartlet-f-1 chartlet-f-2 chartlet-f-3"><rect x="161.969" y="222.56" width="107.33" height="36" class="chartlet-diagram-shadow"/><rect x="161.969" y="220.06" width="107.33" height="36" class="chartlet-flow-node chartlet-role-blue"><title>Legal review</title></rect><text x="215.634" y="242.56" text-anchor="middle" class="chartlet-flow-label">Legal review</text></g><g class="chartlet-f chartlet-n-3 chartlet-f-1 chartlet-f-2 chartlet-f-3 chartlet-f-4"><polyline points="215.634,296.59 287.579,326.59 215.634,356.59 143.689,326.59 215.634,296.59" class="chartlet-diagram-shadow"/><polyline points="215.634,294.09 287.579,324.09 215.634,354.09 143.689,324.09 215.634,294.09" class="chartlet-flow-node chartlet-role-amber"><title>Compliant?</title></polyline><text x="215.634" y="328.59" text-anchor="middle" class="chartlet-flow-label">Compliant?</text></g><g class="chartlet-f chartlet-n-4 chartlet-f-3 chartlet-f-4 chartlet-f-5"><rect x="171.849" y="436.724" width="87.57" height="52" class="chartlet-diagram-shadow"/><rect x="171.849" y="434.224" width="87.57" height="52" class="chartlet-flow-node chartlet-role-blue"><title>Negotiate terms</title></rect><text x="215.634" y="456.724" text-anchor="middle" class="chartlet-flow-label">Negotiate</text><text x="215.634" y="472.724" text-anchor="middle" class="chartlet-flow-label">terms</text></g><g class="chartlet-f chartlet-n-5 chartlet-f-4 chartlet-f-5 chartlet-f-6"><polyline points="215.634,526.754 277.114,564.754 215.634,602.754 154.154,564.754 215.634,526.754" class="chartlet-diagram-shadow"/><polyline points="215.634,524.254 277.114,562.254 215.634,600.254 154.154,562.254 215.634,524.254" class="chartlet-flow-node chartlet-role-amber"><title>Terms agreed?</title></polyline><text x="215.634" y="558.754" text-anchor="middle" class="chartlet-flow-label">Terms</text><text x="215.634" y="574.754" text-anchor="middle" class="chartlet-flow-label">agreed?</text></g><g class="chartlet-f chartlet-n-6 chartlet-f-5 chartlet-f-6 chartlet-f-7 chartlet-f-8"><rect x="169.424" y="682.888" width="92.42" height="50" class="chartlet-diagram-shadow"/><rect x="169.424" y="680.388" width="92.42" height="50" class="chartlet-flow-node chartlet-role-blue"><title>Sign – both parties</title></rect><text x="215.634" y="702.888" text-anchor="middle" class="chartlet-flow-label">Sign</text><text x="215.634" y="716.888" text-anchor="middle" class="chartlet-flow-sublabel">both parties</text></g><g class="chartlet-f chartlet-n-7 chartlet-f-6 chartlet-f-7"><polyline points="78.094,789.5 78.094,841.5 79.519,842.794 83.698,844 90.347,845.036 99.011,845.83 109.101,846.33 119.929,846.5 130.756,846.33 140.846,845.83 149.51,845.036 156.159,844 160.338,842.794 161.764,841.5 161.764,789.5 160.338,788.206 156.159,787 149.51,785.964 140.846,785.17 130.756,784.67 119.929,784.5 109.101,784.67 99.011,785.17 90.347,785.964 83.698,787 79.519,788.206 78.094,789.5 78.094,789.5" class="chartlet-diagram-shadow"/><polyline points="78.094,787 78.094,839 79.519,840.294 83.698,841.5 90.347,842.536 99.011,843.33 109.101,843.83 119.929,844 130.756,843.83 140.846,843.33 149.51,842.536 156.159,841.5 160.338,840.294 161.764,839 161.764,787 160.338,785.706 156.159,784.5 149.51,783.464 140.846,782.67 130.756,782.17 119.929,782 109.101,782.17 99.011,782.67 90.347,783.464 83.698,784.5 79.519,785.706 78.094,787 78.094,787" class="chartlet-flow-node chartlet-role-teal"><title>Contract archive</title></polyline><polyline points="78.094,787 79.519,788.294 83.698,789.5 90.347,790.536 99.011,791.33 109.101,791.83 119.929,792 130.756,791.83 140.846,791.33 149.51,790.536 156.159,789.5 160.338,788.294 161.764,787" class="chartlet-diagram-rim"/><text x="119.929" y="812.5" text-anchor="middle" class="chartlet-flow-label">Contract</text><text x="119.929" y="828.5" text-anchor="middle" class="chartlet-flow-label">archive</text></g><g class="chartlet-f chartlet-n-8 chartlet-f-6 chartlet-f-8"><polyline points="235.504,797.5 242.392,798.87 248.231,802.772 252.133,808.612 253.504,815.5 252.133,822.388 248.231,828.228 242.392,832.13 235.504,833.5 195.764,833.5 188.875,832.13 183.036,828.228 179.134,822.388 177.764,815.5 179.134,808.612 183.036,802.772 188.875,798.87 195.764,797.5 235.504,797.5" class="chartlet-diagram-shadow"/><polyline points="235.504,795 242.392,796.37 248.231,800.272 252.133,806.112 253.504,813 252.133,819.888 248.231,825.728 242.392,829.63 235.504,831 195.764,831 188.875,829.63 183.036,825.728 179.134,819.888 177.764,813 179.134,806.112 183.036,800.272 188.875,796.37 195.764,795 235.504,795" class="chartlet-flow-node chartlet-flow-end chartlet-role-green"><title>In force</title></polyline><text x="215.634" y="817.5" text-anchor="middle" class="chartlet-flow-label">In force</text></g></svg><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-0" for="chartlet-a214faf72dd6d0b0-focus-0"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-1" for="chartlet-a214faf72dd6d0b0-focus-1"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-2" for="chartlet-a214faf72dd6d0b0-focus-2"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-3" for="chartlet-a214faf72dd6d0b0-focus-3"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-4" for="chartlet-a214faf72dd6d0b0-focus-4"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-5" for="chartlet-a214faf72dd6d0b0-focus-5"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-6" for="chartlet-a214faf72dd6d0b0-focus-6"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-7" for="chartlet-a214faf72dd6d0b0-focus-7"></label><label class="chartlet-hotspot" id="chartlet-a214faf72dd6d0b0-m-hs-8" for="chartlet-a214faf72dd6d0b0-focus-8"></label></div></div><p class="chartlet-source">Source: Legal operations handbook</p><details class="chartlet-data" data-viz-text><summary>Show chart data</summary><table><caption>Data for Contract review</caption><thead><tr><th scope="col">Step</th><th scope="col">Kind</th><th scope="col">Leads to</th></tr></thead><tbody><tr><th scope="row">Contract requested</th><td>start</td><td>Draft contract</td></tr><tr><th scope="row">Draft contract</th><td>step</td><td>Legal review</td></tr><tr><th scope="row">Legal review</th><td>step</td><td>Compliant?</td></tr><tr><th scope="row">Compliant?</th><td>decision</td><td>Negotiate terms (yes), Draft contract (no)</td></tr><tr><th scope="row">Negotiate terms</th><td>step</td><td>Terms agreed?</td></tr><tr><th scope="row">Terms agreed?</th><td>decision</td><td>Sign (yes), Negotiate terms (no, revise)</td></tr><tr><th scope="row">Sign</th><td>step</td><td>Contract archive, In force</td></tr><tr><th scope="row">Contract archive</th><td>data store</td><td></td></tr><tr><th scope="row">In force</th><td>end</td><td></td></tr></tbody></table></details></figure></div>