Description: placeholder
508 Guidelines: placeholder
TIP: placeholder
-----------------
VITALS Sparklines
-----------------
<!-- Normal - No Trend -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title">
<title id="title">Vital Name - Normal - No Trend</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="0" y="0" width="22" height="19"></rect>
</g>
<g class="range1" data-low="90" data-high="140">
<rect class="normalRange" x="22" y="0" width="46" height="19"></rect>
</g>
<g class="range2" data-low="140">
<rect class="abnormalRange highRange" x="68" y="0" width="22" height="19"></rect>
</g>
<path class="trendLine" d="M 40 9 l 0 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="50%" y="50%" width="10" height="16" class="valueMarker">
<g class="normalValue" data-value="110">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="50%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="110">
<circle cx="0" cy="0" r="3" stroke-width="2" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Normal-Increase -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title1">
<title id="title1">Vital Name - Normal - Increase</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="0" y="0" width="22" height="19"></rect>
</g>
<g class="range1" data-low="90" data-high="140">
<rect class="normalRange" x="22" y="0" width="46" height="19"></rect>
</g>
<g class="range2" data-low="140">
<rect class="abnormalRange highRange" x="68" y="0" width="22" height="19"></rect>
</g>
<path class="trendLine" d="M 35 9 l 16 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="60%" y="50%" width="8" height="12" class="valueMarker">
<g class="normalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="40%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Normal-Decrease -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title2">
<title id="title2">Vital Name - Normal - Decrease</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="0" y="0" width="22" height="19"></rect>
</g>
<g class="range1" data-low="90" data-high="140">
<rect class="normalRange" x="22" y="0" width="46" height="19"></rect>
</g>
<g class="range2" data-low="140">
<rect class="abnormalRange highRange" x="68" y="0" width="22" height="19"></rect>
</g>
<path class="trendLine" d="M 38 9 l 16 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="40%" y="50%" width="8" height="12" class="valueMarker">
<g class="normalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="60%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Abnormal-Decrease -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title3">
<title id="title3">Vital Name - Abnormal - Decrease</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="0" y="0" width="22" height="19"></rect>
</g>
<g class="range1" data-low="90" data-high="140">
<rect class="normalRange" x="22" y="0" width="46" height="19"></rect>
</g>
<g class="range2" data-low="140">
<rect class="abnormalRange highRange" x="68" y="0" width="22" height="19"></rect>
</g>
<path class="trendLine" d="M 12 9 l 32.5 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="12.5%" y="50%" width="8" height="12" class="valueMarker">
<g class="abnormalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="50%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Abnormal-Increase -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title4">
<title id="title4">Vital Name - Abnormal - Increase</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="0" y="0" width="22" height="19"></rect>
</g>
<g class="range1" data-low="90" data-high="140">
<rect class="normalRange" x="22" y="0" width="46" height="19"></rect>
</g>
<g class="range2" data-low="140">
<rect class="abnormalRange highRange" x="68" y="0" width="22" height="19"></rect>
</g>
<path class="trendLine" d="M 45 9 l 32.5 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="87.5%" y="50%" width="8" height="12" class="valueMarker">
<g class="abnormalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="50%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Abnormal - No Trend -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title5">
<title id="title5">Vital Name - Abnormal - No Trend</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="0" y="0" width="22" height="19"></rect>
</g>
<g class="range1" data-low="90" data-high="140">
<rect class="normalRange" x="22" y="0" width="46" height="19"></rect>
</g>
<g class="range2" data-low="140">
<rect class="abnormalRange highRange" x="68" y="0" width="22" height="19"></rect>
</g>
<path class="trendLine" d="M 87 9 l 0 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="87.5%" y="50%" width="10" height="16" class="valueMarker">
<g class="abnormalValue" data-value="110">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="87.5%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="110">
<circle cx="0" cy="0" r="3" stroke-width="2" ></circle>
</g>
</svg>
</svg>
</div>
---------------
LABS Sparklines
---------------
<!-- Normal - No Trend -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title6">
<title id="title6">Lab Name - Normal - No Trend</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"></rect>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"></rect>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"></rect>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"></rect>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"></rect>
</g>
<path class="trendLine" d="M 40 9 l 0 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="50%" y="50%" width="10" height="16" class="valueMarker">
<g class="normalValue" data-value="110">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="50%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="110">
<circle cx="0" cy="0" r="3" stroke-width="2" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Normal - Increase -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title7">
<title id="title7">Lab Name - Normal - Increase</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"></rect>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"></rect>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"></rect>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"></rect>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"></rect>
</g>
<path class="trendLine" d="M 35 9 l 16 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="60%" y="50%" width="8" height="12" class="valueMarker">
<g class="normalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="40%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Normal-Decrease -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title8">
<title id="title8">Lab Name - Normal - Decrease</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"></rect>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"></rect>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"></rect>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"></rect>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"></rect>
</g>
<path class="trendLine" d="M 38 9 l 16 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg x="40%" y="50%" width="8" height="12" class="valueMarker">
<g class="normalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"></polygon>
</g>
</svg>
<svg x="60%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Abnormal-Decrease -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title9">
<title id="title9">Lab Name - Abnormal - Decrease</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"></rect>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"></rect>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"></rect>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"></rect>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"></rect>
</g>
<path fill="none" d="M 19 9 l 25 0" class="trendLine"/>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg class="valueMarker" height="12" width="8" y="50%" x="20%">
<g data-value="40" class="abnormalValue">
<polygon points="0,-8 -6,0 0,8 6,0"/>
</g>
</svg>
<svg x="50%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Abnormal-Increase -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title10">
<title id="title10">Lab Name - Abnormal - Increase</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"></rect>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"></rect>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"></rect>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"></rect>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"></rect>
</g>
<path fill="none" d="M 45 9 l 25 0" class="trendLine"/>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg class="valueMarker" height="12" width="8" y="50%" x="78.5%">
<g data-value="40" class="abnormalValue">
<polygon points="0,-8 -6,0 0,8 6,0"/>
</g>
</svg>
<svg x="50%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0" ></circle>
</g>
</svg>
</svg>
</div>
<!-- Abnormal - No Trend -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title11">
<title id="title11">Lab Name - Abnormal - No Trend</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"></rect>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"></path>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"></rect>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"></rect>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"></rect>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"></rect>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"></rect>
</g>
<path class="trendLine" d="M 87 9 l 0 0" fill="none"></path>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"></rect>
</g>
</svg>
<svg class="valueMarker" height="16" width="10" y="50%" x="78.5%">
<g data-value="110" class="abnormalValue">
<polygon points="0,-8 -6,0 0,8 6,0"/>
</g>
</svg>
<svg class="valueMarker" height="4" width="4" y="50%" x="78.5%">
<g data-value="110" class="previousValue">
<circle stroke-width="2" r="3" cy="0" cx="0"/>
</g>
</svg>
</svg>
</div>
<!-- Critical High - Increase -->
<div class="graph-container">
<svg aria-labelledby="title12" height="100%" width="100%" class="gist-trend-graph">
<title id="title12">Lab Name - Critical High - Increase</title>
<svg preserveAspectRatio="none" viewBox="0 0 90 19" height="100%" width="100%" y="0" x="0">
<pattern patternUnits="userSpaceOnUse" height="4" width="4" y="0" x="0" class="textureHashed" id="textureHashed">
<rect height="4" width="4" y="0" x="0"/>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"/>
</pattern>
<g data-high="90" class="range0">
<rect height="19" width="12.5" y="0" x="0" class="criticalRange lowRange"/>
</g>
<g data-high="90" class="range0">
<rect height="19" width="12.5" y="0" x="12.5" class="abnormalRange lowRange"/>
</g>
<g data-high="140" data-low="90" class="range2">
<rect height="19" width="40" y="0" x="25" class="normalRange"/>
</g>
<g data-low="140" class="range3">
<rect height="19" width="12.5" y="0" x="65" class="abnormalRange highRange"/>
</g>
<g data-low="140" class="range4">
<rect height="19" width="12.5" y="0" x="77.5" class="criticalRange highRange"/>
</g>
<path class="trendLine" d="M 45 9 l 37 0" fill="none"/>
</svg>
<svg height="100%" width="100%" y="0%" x="0%">
<g class="border0">
<rect height="100%" width="100%" y="0" x="0" class="outterBorder"/>
</g>
</svg>
<svg x="93%" y="50%" width="8" height="12" class="valueMarker">
<g class="criticalValue" data-value="40">
<polygon points="0,-8 -6,0 0,8 6,0"/>
</g>
</svg>
<svg class="valueMarker" height="4" width="4" y="50%" x="50%">
<g data-value="36" class="previousValue">
<circle stroke-width="0" r="3" cy="0" cx="0"/>
</g>
</svg>
</svg>
</div>
<!-- C.H. Inc. From Abnormal -->
<div class="graph-container">
<svg class="gist-trend-graph" width="100%" height="100%" aria-labelledby="title13">
<title id="title13">Lab Name - Critical High - Increase From Abnormal</title>
<svg x="0" y="0" width="100%" height="100%" viewBox="0 0 90 19" preserveAspectRatio="none">
<pattern id="textureHashed" class="textureHashed" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="4" height="4"/>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"/>
</pattern>
<g class="range0" data-high="90">
<rect class="criticalRange lowRange" x="0" y="0" width="12.5" height="19"/>
</g>
<g class="range0" data-high="90">
<rect class="abnormalRange lowRange" x="12.5" y="0" width="12.5" height="19"/>
</g>
<g class="range2" data-low="90" data-high="140">
<rect class="normalRange" x="25" y="0" width="40" height="19"/>
</g>
<g class="range3" data-low="140">
<rect class="abnormalRange highRange" x="65" y="0" width="12.5" height="19"/>
</g>
<g class="range4" data-low="140">
<rect class="criticalRange highRange" x="77.5" y="0" width="12.5" height="19"/>
</g>
<path fill="none" d="M 71 9 l 12 0" class="trendLine"/>
</svg>
<svg x="0%" y="0%" width="100%" height="100%">
<g class="border0">
<rect class="outterBorder" x="0" y="0" width="100%" height="100%"/>
</g>
</svg>
<svg class="valueMarker" height="12" width="8" y="50%" x="93%">
<g data-value="40" class="criticalValue">
<polygon points="0,-8 -6,0 0,8 6,0"/>
</g>
</svg>
<svg x="78.5%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="36">
<circle cx="0" cy="0" r="3" stroke-width="0"/>
</g>
</svg>
</svg>
</div>
<!-- Critical High - No Trend -->
<div class="graph-container">
<svg aria-labelledby="title14" height="100%" width="100%" class="gist-trend-graph">
<title id="title14">Lab Name - Critical - No Trend</title>
<svg preserveAspectRatio="none" viewBox="0 0 90 19" height="100%" width="100%" y="0" x="0">
<pattern patternUnits="userSpaceOnUse" height="4" width="4" y="0" x="0" class="textureHashed" id="textureHashed">
<rect height="4" width="4" y="0" x="0"/>
<path d="M -1 1 l 2 -2 M 0 4 l 4 -4 M 3 5 l 2 -2"/>
</pattern>
<g data-high="90" class="range0">
<rect height="19" width="12.5" y="0" x="0" class="criticalRange lowRange"/>
</g>
<g data-high="90" class="range0">
<rect height="19" width="12.5" y="0" x="12.5" class="abnormalRange lowRange"/>
</g>
<g data-high="140" data-low="90" class="range2">
<rect height="19" width="40" y="0" x="25" class="normalRange"/>
</g>
<g data-low="140" class="range3">
<rect height="19" width="12.5" y="0" x="65" class="abnormalRange highRange"/>
</g>
<g data-low="140" class="range4">
<rect height="19" width="12.5" y="0" x="77.5" class="criticalRange highRange"/>
</g>
<path fill="none" d="M 87 9 l 0 0" class="trendLine"/>
</svg>
<svg height="100%" width="100%" y="0%" x="0%">
<g class="border0">
<rect height="100%" width="100%" y="0" x="0" class="outterBorder"/>
</g>
</svg>
<svg x="92.5%" y="50%" width="10" height="16" class="valueMarker">
<g class="criticalValue" data-value="110">
<polygon points="0,-8 -6,0 0,8 6,0"/>
</g>
</svg>
<svg x="92.5%" y="50%" width="4" height="4" class="valueMarker">
<g class="previousValue" data-value="110">
<circle cx="0" cy="0" r="3" stroke-width="2"/>
</g>
</svg>
</svg>
</div>
Copy