<style>:host{user-select:none;}:host .chart{position:absolute;box-sizing:border-box;left:0;top:0;%;%;padding:12px;overflow:hidden;}:host .chart.yline .y-series:not(:first-child) .gridline-x{display:none;}:host .chart text{font-family:var(--interface-monospace--font-family);}:host .chart.heatmap d3fc-group.cartesian-chart,:host .chart.treemap d3fc-group.cartesian-chart{grid-template-columns:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);grid-template-rows:minmax(0em,max-content)auto 1fr auto minmax(0em,max-content);}:host .chart .chart-label{display:none;}:host .chart.heatmap{padding-right:120px;}:host .chart.xyscatter{padding:0;font-size:14px;}:host .chart.xyscatter d3fc-group:first-child{padding:16px;padding-top:0px;width:calc(100% - 32px);height:calc(100% - 16px);}:host .chart.xyscatter .multi-xlabel{position:absolute;bottom:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .multi-ylabel{position:absolute;top:0;em;%;display:flex;justify-content:center;align-items:center;background:var(--d3fc-legend--background);}:host .chart.xyscatter .outer-container{%;}:host .chart.xyscatter .inner-container{display:inline-grid;overflow-y:auto;width:calc(100% - 16px);%;padding:0;margin:0;}:host .chart.xyscatter .inner-container div{overflow:hidden;}:host .chart.xyscatter .inner-container text.segment,:host .chart.xyscatter .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.xyscatter .inner-container div.xy-scatter-container{margin:5px 0;}:host .chart.sunburst{padding:0;font-size:14px;}:host .chart.sunburst .outer-container{%;}:host .chart.sunburst .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.sunburst .inner-container div{overflow:hidden;}:host .chart.sunburst .inner-container .sunburst-container:not(:only-child) svg{transform:translate(0,-27px);}:host .chart.sunburst .inner-container svg{%;%;}:host .chart.sunburst .inner-container path{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.sunburst .inner-container text.segment,:host .chart.sunburst .inner-container text.parent{text-anchor:middle;user-select:none;pointer-events:none;fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.sunburst .inner-container div.title-container{margin-top:5px;}:host .chart.has-legend{padding-right:120px;}:host .chart.treemap .treemap-container{position:relative;}:host .chart.treemap .treemap-container:not(:only-child){width:calc(100% - 12px);height:calc(100% - 12px);}:host .chart.treemap .outer-container{%;}:host .chart.treemap .inner-container{%;%;display:inline-grid;padding:0;margin:0;overflow-x:hidden;overflow-y:auto;}:host .chart.treemap .inner-container div{overflow:hidden;}:host .chart.treemap .inner-container svg{%;%;}:host .chart.treemap .inner-container .treerect{stroke:var(--d3fc-treedata-axis--lines,var(--d3fc-axis--lines,white));fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host .chart.treemap .inner-container .treerect:hover{cursor:pointer;stroke:var(--d3fc-treedata--hover-highlight,black);stroke-opacity:1;}:host .chart.treemap .inner-container .rootnode{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .branchnode{opacity:0;}:host .chart.treemap .inner-container .branchnode:hover{fill-opacity:0.1;opacity:1;fill:var(--d3fc-treedata--hover-highlight,black);}:host .chart.treemap .inner-container .leafnode{fill-opacity:0.8;}:host .chart.treemap .inner-container .leafnode:hover{fill-opacity:0.5;}:host .chart.treemap .inner-container #hidden{opacity:0;pointer-events:none;z-index:0;}:host .chart.treemap .inner-container .top{font-size:14px;z-index:5;pointer-events:none;}:host .chart.treemap .inner-container .mid{font-size:8px;opacity:0.7;z-index:4;}:host .chart.treemap .inner-container .lower{font-size:0px;opacity:0;z-index:4;}:host .chart.treemap .inner-container text{fill:var(--d3fc-treedata--labels,rgb(51,51,51));}:host .chart.treemap .inner-container text.title{dominant-baseline:hanging;}:host .chart.treemap .inner-container .parent-controls{position:absolute;top:12px;right:auto;left:30px;width:auto;z-index:4;transition:box-shadow 1s;}:host .chart.treemap .inner-container .parent-controls:hover{box-shadow:2px 2px 6px#000;transition:box-shadow 0.2s;}:host .chart .x-label{em!important;line-height:1em!important;}:host .chart .x-label,:host .chart .y-label{color:var(--d3fc-label--color,inherit);font-size:14px;}:host .chart d3fc-canvas.plot-area{display:none;}:host .chart.xyscatter d3fc-canvas.plot-area,:host .chart.xyline d3fc-canvas.plot-area,:host .chart.ohlc d3fc-canvas.plot-area,:host .chart.candlestick d3fc-canvas.plot-area,:host .chart.heatmap d3fc-canvas.plot-area{display:block;}:host .chart .y-axis text,:host .chart .y2-axis text,:host .chart .x-axis text{fill:var(--d3fc-axis-ticks--color,rgb(80,80,80));font-size:11px;}:host .chart .y-axis path,:host .chart .y2-axis path,:host .chart .x-axis path{stroke:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label{display:inline-block;margin:0 10px;cursor:pointer;}:host .chart .splitter-label::after{margin-left:5px;color:var(--d3fc-axis--lines,rgb(180,210,225));}:host .chart .splitter-label:hover::after{color:var(--d3fc-axis-ticks--color,rgb(80,80,80));}:host .chart .splitter-label.disabled::after{color:rgba(80,80,80,0.3);}:host .chart .splitter-label.disabled{cursor:default;}:host .chart .y-label.left-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-desc-icon--mask-image);mask-image:var(--sort-desc-icon--mask-image);}:host .chart .y-label.right-label .splitter-label::after{background-repeat:no-repeat;background-color:var(--icon--color);content:"";display:inline-block;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-image:var(--sort-asc-icon--mask-image);mask-image:var(--sort-asc-icon--mask-image);}:host .chart.ybar .y-axis path,:host .chart.yline .y-axis path,:host .chart.xyline .y-axis path,:host .chart.ybar .y2-axis path,:host .chart.yline .y2-axis path,:host .chart.xyline .y2-axis path,:host .chart.xyline .x-axis path,:host .chart.yarea .y-axis path,:host .chart.yscatter .y-axis path,:host .chart.xyscatter .y-axis path,:host .chart.yarea .y2-axis path,:host .chart.yscatter .y2-axis path,:host .chart.xyscatter .y2-axis path,:host .chart.xyscatter .x-axis path,:host .chart.xbar .x-axis path{visibility:hidden;}:host .chart .y-label{white-space:nowrap;}:host .chart .nearbyTip{fill:var(--d3fc-series,rgba(31,119,180,0.5));}:host #dragHandles{position:absolute;top:0px;right:0px;left:auto;pointer-events:none;}:host #dragHandles rect{pointer-events:all;}:host .label rect{fill:none;}:host .legend-container{position:absolute;top:12px;right:12px;left:auto;}:host .legend-container.legend-color{}:host .legend-container[borderbox-on-hover="true"]{transition:box-shadow 1s;}:host .legend-container[borderbox-on-hover="true"]:hover{background-color:var(--d3fc-legend--background,#ffffff);transition:box-shadow 0.2s,background-color 0.2s;}:host .legend-container .legend{font-size:8pt;%;}:host .legend-container .legend .cell{cursor:pointer;}:host .legend-container .legend .cell path{fill:var(--d3fc-series,rgba(31,119,180,0.5));stroke:var(--d3fc-series,rgb(31,119,180));}:host .legend-container .legend .cell.hidden path{fill:rgba(204,204,204,0.5);stroke:rgb(204,204,204);}:host .legend-container .legend .cell.hidden circle{fill:rgb(204,204,204)!important;}:host .legend-container text{fill:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .label:hover{fill:rgb(34,160,206);}:host .legend-container #legend-axis path{stroke:var(--d3fc-legend--text,rgb(51,51,51));}:host .legend-container .legend-controls{margin-left:12px;}:host .legend-container .legend-controls #up-arrow,:host .legend-container .legend-controls #down-arrow{cursor:pointer;color:rgb(31,119,180);}:host .legend-container .legend-controls #up-arrow.disabled,:host .legend-container .legend-controls #down-arrow.disabled{cursor:default;color:rgb(51,51,51);}:host .heatmap .legend-container.legend-color{}:host .treemap .legend-container.legend-color{}:host .treemap .legend-container:not(.legend-color){}:host .zoom-controls{position:absolute;top:10px;left:0;%;text-align:center;}:host .zoom-controls button{-webkit-appearance:none;background:var(--plugin--background,rgb(247,247,247));border:1px solid var(--inactive--color,rgb(204,204,204));color:var(--d3fc-label--color,inherit);font-size:12px;padding:8px;opacity:0.5;cursor:pointer;}:host .zoom-controls button:hover{opacity:1;}:host .parent-controls{position:absolute;top:30px;right:145px;%;text-align:right;}:host .parent-controls button{-webkit-appearance:none;background:rgb(247,247,247);border:1px solid rgb(204,204,204);padding:10px;opacity:0.5;cursor:pointer;}:host .parent-controls button:hover{background:rgb(230,230,230);}:host div.tooltip{position:absolute;text-align:left;font-size:12px;font-weight:300;white-space:nowrap;padding:0.5em;background:var(--d3fc-tooltip--background,#ffffff);color:var(--d3fc-tooltip--color,black);border:1px solid var(--d3fc-tooltip--border-color,#777777);box-shadow:var(--d3fc-tooltip--box-shadow,none);pointer-events:none;}:host div.tooltip ul{margin:0;padding:0;list-style-type:none;}d3fc-canvas,d3fc-svg{position:relative;display:block}d3fc-canvas>canvas,d3fc-svg>svg{position:absolute;%;%}d3fc-svg>svg{overflow:visible}d3fc-group.cartesian-chart{%;%;overflow:hidden;display:grid;display:-ms-grid;grid-template-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-columns:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);grid-template-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);-ms-grid-rows:minmax(1em,max-content) auto 1fr auto minmax(1em,max-content);}
d3fc-group.cartesian-chart>.top-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:1;-ms-grid-row:1;}
d3fc-group.cartesian-chart>.top-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:2;-ms-grid-row:2;}
d3fc-group.cartesian-chart>.left-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:1;-ms-grid-column:1;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.left-axis{width:3em;grid-column:2;-ms-grid-column:2;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.plot-area{overflow:hidden;grid-column:3;-ms-grid-column:3;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-axis{width:3em;grid-column:4;-ms-grid-column:4;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.right-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:5;-ms-grid-column:5;grid-row:3;-ms-grid-row:3;}
d3fc-group.cartesian-chart>.bottom-axis{height:2em;grid-column:3;-ms-grid-column:3;grid-row:4;-ms-grid-row:4;}
d3fc-group.cartesian-chart>.bottom-label{align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-row-align:center;grid-column:3;-ms-grid-column:3;grid-row:5;-ms-grid-row:5;}
d3fc-group.cartesian-chart>.y-label{display:flex;transform:rotate(-90deg);width:1em;white-space:nowrap;justify-content:center;}</style><div id="container" class="chart yline"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label" style="margin-bottom: 1em; margin-top: 0px;"></div><div class="x-label bottom-label">timestamp</div><div class="y-label left-label">px</div><d3fc-svg class="svg-plot-area plot-area"><svg viewBox="0 0 964 595" preserveAspectRatio="none"><g class="multi"><g><line class="gridline-y" x1="48.2" x2="48.2" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="144.6" x2="144.6" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="241" x2="241" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="337.4" x2="337.4" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="433.8" x2="433.8" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="530.2" x2="530.2" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="626.6" x2="626.6" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="723" x2="723" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="819.4" x2="819.4" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-y" x1="915.8" x2="915.8" y1="595" y2="0" stroke="#bbb" style="display: none;"></line><line class="gridline-x" y1="595" y2="595" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(22, 22, 22);"></line><line class="gridline-x" y1="535.5" y2="535.5" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="476" y2="476" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="416.5" y2="416.5" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="357" y2="357" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="297.5" y2="297.5" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="238" y2="238" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="178.50000000000003" y2="178.50000000000003" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="118.99999999999997" y2="118.99999999999997" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="59.499999999999986" y2="59.499999999999986" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line><line class="gridline-x" y1="0" y2="0" x1="0" x2="964" stroke="#bbb" style="stroke-width: 1; stroke: rgb(234, 237, 239);"></line></g></g><g class="multi"><g><g class="multi"><g><path class="line" fill="none" stroke="#000" d="M48.2,595L144.6,535.5L241,476L337.4,416.5L433.8,357L530.2,297.5L626.6,238L723,178.5L819.4,119L915.8,59.5" style="stroke: rgb(31, 119, 180); stroke-width: 3;"></path></g></g></g></g></svg></d3fc-svg><d3fc-svg class="x-axis bottom-axis"><svg preserveAspectRatio="none" viewBox="0 0 964 24" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000" d="M0,6L0,0L964,0L964,6"></path><g class="tick" transform="translate(48.2, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">04:41</text></g><g class="tick" transform="translate(144.6, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.100</text></g><g class="tick" transform="translate(241, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.200</text></g><g class="tick" transform="translate(337.4, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.300</text></g><g class="tick" transform="translate(433.8, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.400</text></g><g class="tick" transform="translate(530.2, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.500</text></g><g class="tick" transform="translate(626.6, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.600</text></g><g class="tick" transform="translate(723, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.700</text></g><g class="tick" transform="translate(819.4, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.800</text></g><g class="tick" transform="translate(915.8, 0)"><path stroke="#000" d="M0,0L0,6"></path><text transform="translate(0, 9)" fill="#000" visibility="false" dy="0.71em">.900</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" viewBox="-36 0 36 595" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000" d="M-6,595L0,595L0,0L-6,0"></path><g class="tick" transform="translate(0, 595)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">0</text></g><g class="tick" transform="translate(0, 535.5)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">1</text></g><g class="tick" transform="translate(0, 476)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">2</text></g><g class="tick" transform="translate(0, 416.5)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">3</text></g><g class="tick" transform="translate(0, 357)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">4</text></g><g class="tick" transform="translate(0, 297.5)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">5</text></g><g class="tick" transform="translate(0, 238)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">6</text></g><g class="tick" transform="translate(0, 178.50000000000003)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">7</text></g><g class="tick" transform="translate(0, 118.99999999999997)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">8</text></g><g class="tick" transform="translate(0, 59.499999999999986)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">9</text></g><g class="tick" transform="translate(0, 0)"><path stroke="#000" d="M0,0L-6,0"></path><text transform="translate(-9, 0)" fill="#000" visibility="false" dy="0.32em">10</text></g></svg></d3fc-svg></d3fc-group></div>