{"id":18063014,"url":"https://github.com/stagas/x-plot","last_synced_at":"2025-04-11T15:13:48.739Z","repository":{"id":57400815,"uuid":"430648088","full_name":"stagas/x-plot","owner":"stagas","description":"A Web Component that plots zoomable and pannable waveforms.","archived":false,"fork":false,"pushed_at":"2022-08-01T14:21:23.000Z","size":463,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-25T11:21:51.850Z","etag":null,"topics":["audio","plot","wave","waveform","zoom"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stagas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-22T09:47:31.000Z","updated_at":"2024-10-04T16:51:44.000Z","dependencies_parsed_at":"2022-09-05T03:50:16.366Z","dependency_job_id":null,"html_url":"https://github.com/stagas/x-plot","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":"stagas/ts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-plot","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-plot/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-plot/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stagas%2Fx-plot/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stagas","download_url":"https://codeload.github.com/stagas/x-plot/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248429117,"owners_count":21101785,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["audio","plot","wave","waveform","zoom"],"created_at":"2024-10-31T05:09:09.574Z","updated_at":"2025-04-11T15:13:48.715Z","avatar_url":"https://github.com/stagas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e\nx-plot \u003ca href=\"https://npmjs.org/package/x-plot\"\u003e\u003cimg src=\"https://img.shields.io/badge/npm-v3.0.1-F00.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"src\"\u003e\u003cimg src=\"https://img.shields.io/badge/loc-221-FFF.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"https://cdn.jsdelivr.net/npm/x-plot@3.0.1/dist/x-plot.min.js\"\u003e\u003cimg src=\"https://img.shields.io/badge/brotli-16.3K-333.svg?colorA=000\"/\u003e\u003c/a\u003e \u003ca href=\"LICENSE\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-MIT-F0B.svg?colorA=000\"/\u003e\u003c/a\u003e\n\u003c/h1\u003e\n\n\u003cp\u003e\u003c/p\u003e\n\nA Web Component that plots zoomable and pannable waveforms.\n\n\u003ch4\u003e\n\u003ctable\u003e\u003ctr\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003enpm i x-plot \u003c/code\u003e\n\u003c/td\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003epnpm add x-plot \u003c/code\u003e\n\u003c/td\u003e\u003ctd title=\"Triple click to select and copy paste\"\u003e\n\u003ccode\u003eyarn add x-plot\u003c/code\u003e\n\u003c/td\u003e\u003c/tr\u003e\u003c/table\u003e\n\u003c/h4\u003e\n\n## Examples\n\n\u003cdetails id=\"example$multiple\" title=\"multiple\" open\u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#example$multiple\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003emultiple\u003c/strong\u003e\u003c/code\u003e\u003c/summary\u003e  \u003cul\u003e\u003cp\u003e\u003c/p\u003e  \u003ca href=\"https://stagas.github.io/x-plot/example/multiple.html\"\u003e\u003cimg width=\"462.85714285714283\" src=\"example/multiple.png\"\u003e\u003c/img\u003e  \u003cp\u003e\u003cstrong\u003eTry it live\u003c/strong\u003e\u003c/p\u003e\u003c/a\u003e    \u003cdetails id=\"source$multiple\" title=\"multiple source code\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#source$multiple\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eview source\u003c/strong\u003e\u003c/code\u003e\u003c/summary\u003e  \u003ca href=\"example/multiple.ts\"\u003eexample/multiple.ts\u003c/a\u003e  \u003cp\u003e\n\n```ts\nimport { PlotElement } from 'x-plot'\ncustomElements.define('x-plot', PlotElement)\n\ndocument.body.innerHTML = /*html*/ `\n\u003cdiv id=\"demo\" style=\"display:inline-grid;grid:1fr 1fr/1fr 1fr;gap:5px;\"\u003e\n  \u003cx-plot width=\"200\" height=\"60\"\u003e\u003c/x-plot\u003e\n  \u003cx-plot width=\"200\" height=\"60\" background=\"#f08\" color=\"#ff0\" zoom=\"4\" linewidth=\"3\"\u003e\u003c/x-plot\u003e\n  \u003cx-plot width=\"200\" height=\"60\" background=\"#066\" color=\"yellow\" zoom=\"20\" linewidth=\"6\"\u003e\u003c/x-plot\u003e\n  \u003cx-plot width=\"200\" height=\"60\" background=\"#000\"\u003e\u003c/x-plot\u003e\n\u003c/div\u003e\n`\n\nconst plots = document.querySelectorAll('x-plot') as NodeListOf\u003cPlotElement\u003e\nconst rate = 44100\nconst sine = (i: number, hz: number) =\u003e\n  Math.sin(hz * (i * (1 / rate)) * Math.PI * 2)\n\nplots[0].data = Array(44100).fill(0).map((_, i) =\u003e sine(i, 1))\nplots[1].data = Array(44100).fill(0).map((_, i) =\u003e sine(i, 10))\nplots[2].data = Array(44100).fill(0).map((_, i) =\u003e sine(i, 100))\nplots[3].data = [1, 0, -1, 0, 1, 0, -1]\n```\n\n\u003c/p\u003e\n\u003c/details\u003e\u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"example$web\" title=\"web\" open\u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#example$web\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eweb\u003c/strong\u003e\u003c/code\u003e\u003c/summary\u003e  \u003cul\u003e\u003cp\u003e\u003c/p\u003e  \u003ca href=\"https://stagas.github.io/x-plot/example/web.html\"\u003e\u003cimg width=\"228.57142857142856\" src=\"example/web.webp\"\u003e\u003c/img\u003e  \u003cp\u003e\u003cstrong\u003eTry it live\u003c/strong\u003e\u003c/p\u003e\u003c/a\u003e    \u003cdetails id=\"source$web\" title=\"web source code\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#source$web\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eview source\u003c/strong\u003e\u003c/code\u003e\u003c/summary\u003e  \u003ca href=\"example/web.ts\"\u003eexample/web.ts\u003c/a\u003e  \u003cp\u003e\n\n```ts\nimport { PlotElement } from 'x-plot'\ncustomElements.define('x-plot', PlotElement)\n\nconst plot = new PlotElement()\nplot.id = 'demo'\n\ndocument.body.appendChild(plot)\n\nlet n = 0\nconst sine = (i: number, hz: number) =\u003e\n  Math.sin(hz * (i * (1 / 1000)) * Math.PI * 2)\nconst loop = () =\u003e {\n  requestAnimationFrame(loop)\n  plot.data = Array(1000).fill(0).map(_ =\u003e sine(++n, 4))\n  n += 1000 / 4 / 60 // sampleRate/hz/frameRate to loop video capture every 1 second\n}\nloop()\n```\n\n\u003c/p\u003e\n\u003c/details\u003e\u003c/ul\u003e\u003c/details\u003e\n\n## API\n\n\u003cp\u003e  \u003cdetails id=\"PlotElement$1\" title=\"Class\" open\u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#PlotElement$1\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ePlotElement\u003c/strong\u003e\u003c/code\u003e     \u0026ndash; Plot.\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L30\"\u003esrc/x-plot.ts#L30\u003c/a\u003e  \u003cul\u003e        \u003cp\u003e  \u003cdetails id=\"constructor$2\" title=\"Constructor\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#constructor$2\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003econstructor\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e  \u003cdetails id=\"new PlotElement$3\" title=\"ConstructorSignature\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#new PlotElement$3\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003enew PlotElement\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"$$72\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#$$72\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003e$\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/sigl.d.ts#L25\"\u003esrc/work/stagas/sigl/dist/types/sigl.d.ts#L25\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$76\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$76\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$91\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$91\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$95\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$95\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$94\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$94\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$93\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$93\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"autoResize$11\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#autoResize$11\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eautoResize\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003efalse\u003c/code\u003e\u003c/span\u003e   \u0026ndash; Autoresize to fit parent element's size.\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L40\"\u003esrc/x-plot.ts#L40\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"background$9\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#background$9\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ebackground\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'#235'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L37\"\u003esrc/x-plot.ts#L37\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"color$10\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#color$10\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecolor\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e'#4f4'\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L38\"\u003esrc/x-plot.ts#L38\u003c/a\u003e  \u003cul\u003e\u003cp\u003estring\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"context$96\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#context$96\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003econtext\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/sigl.d.ts#L26\"\u003esrc/work/stagas/sigl/dist/types/sigl.d.ts#L26\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eContextClass\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$100\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$100\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$115\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$115\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$119\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$119\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$118\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$118\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$117\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$117\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"data$14\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#data$14\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edata\u003c/strong\u003e\u003c/code\u003e     \u0026ndash; Array-like number data to plot, range \u003ccode\u003e-1..+1\u003c/code\u003e, \u003ccode\u003e0\u003c/code\u003e=center, \u003ccode\u003e-1\u003c/code\u003e=bottom, \u003ccode\u003e+1\u003c/code\u003e=top.\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L47\"\u003esrc/x-plot.ts#L47\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eArrayLike\u003c/span\u003e\u0026lt;number\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"dispatch$57\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#dispatch$57\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edispatch\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/events.d.ts#L4\"\u003esrc/work/stagas/sigl/dist/types/events.d.ts#L4\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eDispatch\u003c/span\u003e\u0026lt;\u003cdetails id=\"__type$58\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$58\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(name, detail, init)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"name$62\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#name$62\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ename\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eEvent\u003c/span\u003e | \u003cspan\u003eNarrow\u003c/span\u003e\u0026lt;\u003ca href=\"#K$60\"\u003eK\u003c/a\u003e, string\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"detail$63\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#detail$63\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003edetail\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#E$61\"\u003eE\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"init$64\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#init$64\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003einit\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eCustomEventInit\u003c/span\u003e\u0026lt;any\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eK\u003c/span\u003e, \u003cspan\u003eE\u003c/span\u003e\u0026gt;\u003cem\u003e(name, detail, init)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003eany\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"get$19\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#get$19\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eget\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L52\"\u003esrc/x-plot.ts#L52\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cdetails id=\"__type$20\" title=\"Function\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#__type$20\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003cem\u003e(i)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"i$22\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#i$22\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ei\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u003cem\u003e(i)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003enumber\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"height$6\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#height$6\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eheight\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e60\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L34\"\u003esrc/x-plot.ts#L34\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"host$71\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#host$71\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ehost\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/sigl.d.ts#L24\"\u003esrc/work/stagas/sigl/dist/types/sigl.d.ts#L24\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"lineWidth$7\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#lineWidth$7\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003elineWidth\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e1\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L35\"\u003esrc/x-plot.ts#L35\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"offsetX$13\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#offsetX$13\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eoffsetX\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e0\u003c/code\u003e\u003c/span\u003e   \u0026ndash; Horizontal panning position.\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L44\"\u003esrc/x-plot.ts#L44\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onPointerMove$29\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onPointerMove$29\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonPointerMove\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L61\"\u003esrc/x-plot.ts#L61\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003cspan\u003eWindow\u003c/span\u003e, \u003cspan\u003ePointerEvent\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onWheel$30\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onWheel$30\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonWheel\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L62\"\u003esrc/x-plot.ts#L62\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e, \u003cspan\u003eWheelEvent\u003c/span\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onmounted$69\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onmounted$69\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonmounted\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e, \u003cspan\u003eCustomEvent\u003c/span\u003e\u0026lt;any\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"onunmounted$70\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#onunmounted$70\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eonunmounted\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e, \u003cspan\u003eCustomEvent\u003c/span\u003e\u0026lt;any\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"pixelRatio$8\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#pixelRatio$8\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003epixelRatio\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003ewindow.devicePixelRatio\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L36\"\u003esrc/x-plot.ts#L36\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"pointer$24\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#pointer$24\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003epointer\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e...\u003c/code\u003e\u003c/span\u003e   \u0026ndash; Pointer data\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L56\"\u003esrc/x-plot.ts#L56\u003c/a\u003e  \u003cul\u003e\u003cp\u003e{\u003cp\u003e  \u003cdetails id=\"id$26\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#id$26\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eid\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e-1\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e    \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"x$27\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#x$27\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ex\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e0\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e    \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"y$28\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#y$28\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ey\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e0\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e    \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"pointerDown$23\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#pointerDown$23\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003epointerDown\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003efalse\u003c/code\u003e\u003c/span\u003e   \u0026ndash; Pointer down state\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L54\"\u003esrc/x-plot.ts#L54\u003c/a\u003e  \u003cul\u003e\u003cp\u003eboolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"root$4\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#root$4\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eroot\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e...\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L31\"\u003esrc/x-plot.ts#L31\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eShadowRoot\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"screen$15\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#screen$15\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003escreen\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L48\"\u003esrc/x-plot.ts#L48\u003c/a\u003e  \u003cul\u003e\u003cp\u003e{\u003cp\u003e  \u003cdetails id=\"canvas$17\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#canvas$17\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecanvas\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L49\"\u003esrc/x-plot.ts#L49\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eHTMLCanvasElement\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"ctx$18\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$18\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L50\"\u003esrc/x-plot.ts#L50\u003c/a\u003e  \u003cul\u003e\u003cp\u003e\u003cspan\u003eCanvasRenderingContext2D\u003c/span\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"width$5\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#width$5\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ewidth\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e200\u003c/code\u003e\u003c/span\u003e  \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L33\"\u003esrc/x-plot.ts#L33\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"zoom$12\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#zoom$12\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ezoom\u003c/strong\u003e\u003c/code\u003e  \u003cspan\u003e\u003cspan\u003e\u0026nbsp;=\u0026nbsp;\u003c/span\u003e  \u003ccode\u003e1\u003c/code\u003e\u003c/span\u003e   \u0026ndash; Zoom scale: \u003ccode\u003e1\u003c/code\u003e=no zoom.\u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L42\"\u003esrc/x-plot.ts#L42\u003c/a\u003e  \u003cul\u003e\u003cp\u003enumber\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"created$120\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#created$120\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ecreated\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e(ctx)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"ctx$122\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$122\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$126\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$126\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$141\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$141\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$145\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$145\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$144\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$144\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$143\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$143\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003ecreated\u003c/strong\u003e\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"mounted$31\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#mounted$31\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003emounted\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e($)\u003c/em\u003e    \u003c/summary\u003e  \u003ca href=\"src/x-plot.ts#L64\"\u003esrc/x-plot.ts#L64\u003c/a\u003e  \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"$$33\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#$$33\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003e$\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e \u0026amp; \u003cspan\u003eJsxContext\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u0026gt; \u0026amp; \u003cspan\u003eOmit\u003c/span\u003e\u0026lt;{\u003cp\u003e    \u003cdetails id=\"ctor$37\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctor$37\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ector\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctor)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eCleanClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$36\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e  \u003cdetails id=\"ctx$52\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#ctx$52\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ectx\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e | \u003cspan\u003eClass\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003e\u003c/strong\u003e\u0026lt;\u003cspan\u003eT\u003c/span\u003e\u0026gt;\u003cem\u003e(ctx)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eWrapper\u003c/span\u003e\u0026lt;\u003ca href=\"#T$51\"\u003eT\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e} \u0026amp; \u003cspan\u003e__module\u003c/span\u003e \u0026amp; {\u003cp\u003e  \u003cdetails id=\"Boolean$56\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Boolean$56\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eBoolean\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L9\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L9\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | boolean\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"Number$55\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#Number$55\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eNumber\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L8\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L8\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | number\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"String$54\" title=\"Property\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#String$54\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eString\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e  \u003ca href=\"src/work/stagas/sigl/dist/types/index.d.ts#L7\"\u003esrc/work/stagas/sigl/dist/types/index.d.ts#L7\u003c/a\u003e  \u003cul\u003e\u003cp\u003eundefined | string\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e}, \u003ccode\u003e\"transition\"\u003c/code\u003e\u0026gt;\u0026gt;\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003emounted\u003c/strong\u003e\u003cem\u003e($)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003evoid\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"on$65\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#on$65\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003eon\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e(name)\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e    \u003cdetails id=\"name$68\" title=\"Parameter\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#name$68\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003ename\u003c/strong\u003e\u003c/code\u003e    \u003c/summary\u003e    \u003cul\u003e\u003cp\u003e\u003ca href=\"#K$67\"\u003eK\u003c/a\u003e\u003c/p\u003e        \u003c/ul\u003e\u003c/details\u003e  \u003cp\u003e\u003cstrong\u003eon\u003c/strong\u003e\u0026lt;\u003cspan\u003eK\u003c/span\u003e\u0026gt;\u003cem\u003e(name)\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003eOn\u003c/span\u003e\u0026lt;\u003cspan\u003eFn\u003c/span\u003e\u0026lt;[  \u003cspan\u003eEventHandler\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e, \u003cspan\u003eLifecycleEvents\u003c/span\u003e \u0026amp; object  [\u003ca href=\"#K$67\"\u003eK\u003c/a\u003e]\u0026gt;  ], \u003cspan\u003eOff\u003c/span\u003e\u0026gt;\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003cdetails id=\"toJSON$146\" title=\"Method\" \u003e\u003csummary\u003e\u003cspan\u003e\u003ca href=\"#toJSON$146\"\u003e#\u003c/a\u003e\u003c/span\u003e  \u003ccode\u003e\u003cstrong\u003etoJSON\u003c/strong\u003e\u003c/code\u003e\u003cem\u003e()\u003c/em\u003e    \u003c/summary\u003e    \u003cul\u003e    \u003cp\u003e      \u003cp\u003e\u003cstrong\u003etoJSON\u003c/strong\u003e\u003cem\u003e()\u003c/em\u003e  \u0026nbsp;=\u0026gt;  \u003cul\u003e\u003cspan\u003ePick\u003c/span\u003e\u0026lt;\u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e, keyof     \u003ca href=\"#PlotElement$1\"\u003ePlotElement\u003c/a\u003e\u0026gt;\u003c/ul\u003e\u003c/p\u003e\u003c/p\u003e    \u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e\u003c/ul\u003e\u003c/details\u003e\u003c/p\u003e\n\n## Credits\n\n- [sigl](https://npmjs.org/package/sigl) by [stagas](https://github.com/stagas) \u0026ndash; Web framework\n\n## Contributing\n\n[Fork](https://github.com/stagas/x-plot/fork) or [edit](https://github.dev/stagas/x-plot) and submit a PR.\n\nAll contributions are welcome!\n\n## License\n\n\u003ca href=\"LICENSE\"\u003eMIT\u003c/a\u003e \u0026copy; 2022 [stagas](https://github.com/stagas)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagas%2Fx-plot","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstagas%2Fx-plot","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstagas%2Fx-plot/lists"}