[{"data":1,"prerenderedAt":1847},["ShallowReactive",2],{"navigation_docs":3,"-api-types":60,"-api-types-surround":1844},[4,22,43],{"title":5,"path":6,"stem":7,"children":8,"page":21},"Getting Started","\u002Fgetting-started","1.getting-started",[9,13,17],{"title":10,"path":11,"stem":12},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction",{"title":14,"path":15,"stem":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation",{"title":18,"path":19,"stem":20},"Setup","\u002Fgetting-started\u002Fsetup","1.getting-started\u002F3.setup",false,{"title":23,"path":24,"stem":25,"children":26,"page":21},"Guide","\u002Fguide","2.guide",[27,31,35,39],{"title":28,"path":29,"stem":30},"Marks as Children","\u002Fguide\u002Fmarks-as-children","2.guide\u002F1.marks-as-children",{"title":32,"path":33,"stem":34},"Marks as Props","\u002Fguide\u002Fmarks-as-props","2.guide\u002F2.marks-as-props",{"title":36,"path":37,"stem":38},"Reactive Data","\u002Fguide\u002Freactive-data","2.guide\u002F3.reactive-data",{"title":40,"path":41,"stem":42},"Nuxt Integration","\u002Fguide\u002Fnuxt-integration","2.guide\u002F4.nuxt-integration",{"title":44,"path":45,"stem":46,"children":47,"page":21},"Api","\u002Fapi","3.api",[48,52,56],{"title":49,"path":50,"stem":51},"VPlot","\u002Fapi\u002Fvplot","3.api\u002F1.vplot",{"title":53,"path":54,"stem":55},"Mark Components","\u002Fapi\u002Fmark-components","3.api\u002F2.mark-components",{"title":57,"path":58,"stem":59},"TypeScript Types","\u002Fapi\u002Ftypes","3.api\u002F3.types",{"id":61,"title":57,"body":62,"description":1836,"extension":1837,"links":1838,"meta":1839,"navigation":354,"path":58,"seo":1840,"stem":59,"__hash__":1843},"docs\u002F3.api\u002F3.types.md",{"type":63,"value":64,"toc":1820},"minimark",[65,69,74,164,168,173,176,209,233,237,240,317,323,430,433,436,1087,1091,1094,1232,1238,1242,1245,1414,1418,1422,1560,1564,1748,1752,1755,1785,1792,1796,1816],[66,67,68],"p",{},"Vue Plot exports TypeScript types for all components, props, and mark configurations.",[70,71,73],"h2",{"id":72},"importing-types","Importing types",[75,76,82],"pre",{"className":77,"code":78,"filename":79,"language":80,"meta":81,"style":81},"language-ts shiki shiki-themes kanagawa-lotus material-theme kanagawa-dragon","import type {\n  PlotProps,\n  PlotMarksProps,\n  Marks,\n  PlotContext,\n  PlotChildrenContext,\n} from '@memotux\u002Fvue-plot\u002Ftypes'\n","types.ts","ts","",[83,84,85,102,112,120,128,136,144],"code",{"__ignoreMap":81},[86,87,90,94,98],"span",{"class":88,"line":89},"line",1,[86,91,93],{"class":92},"su7sr","import",[86,95,97],{"class":96},"seCTJ"," type",[86,99,101],{"class":100},"s4RQF"," {\n",[86,103,105,109],{"class":88,"line":104},2,[86,106,108],{"class":107},"sOCQP","  PlotProps",[86,110,111],{"class":100},",\n",[86,113,115,118],{"class":88,"line":114},3,[86,116,117],{"class":107},"  PlotMarksProps",[86,119,111],{"class":100},[86,121,123,126],{"class":88,"line":122},4,[86,124,125],{"class":107},"  Marks",[86,127,111],{"class":100},[86,129,131,134],{"class":88,"line":130},5,[86,132,133],{"class":107},"  PlotContext",[86,135,111],{"class":100},[86,137,139,142],{"class":88,"line":138},6,[86,140,141],{"class":107},"  PlotChildrenContext",[86,143,111],{"class":100},[86,145,147,150,153,157,161],{"class":88,"line":146},7,[86,148,149],{"class":100},"}",[86,151,152],{"class":96}," from",[86,154,156],{"class":155},"sou9m"," '",[86,158,160],{"class":159},"s9-zz","@memotux\u002Fvue-plot\u002Ftypes",[86,162,163],{"class":155},"'\n",[70,165,167],{"id":166},"type-reference","Type reference",[169,170,172],"h3",{"id":171},"plotprops","PlotProps",[66,174,175],{},"The union type for VPlot props:",[75,177,179],{"className":77,"code":178,"filename":79,"language":80,"meta":81,"style":81},"export type PlotProps = PlotOptions | PlotMarksProps;\n",[83,180,181],{"__ignoreMap":81},[86,182,183,186,189,193,197,200,203,206],{"class":88,"line":89},[86,184,185],{"class":96},"export",[86,187,97],{"class":188},"sWKss",[86,190,192],{"class":191},"shhQM"," PlotProps",[86,194,196],{"class":195},"sqN5v"," =",[86,198,199],{"class":191}," PlotOptions",[86,201,202],{"class":195}," |",[86,204,205],{"class":191}," PlotMarksProps",[86,207,208],{"class":100},";\n",[210,211,212,227],"ul",{},[213,214,215,218,219,222,223,226],"li",{},[83,216,217],{},"PlotOptions"," — from ",[83,220,221],{},"@observablehq\u002Fplot","; use with the ",[83,224,225],{},"marks"," prop",[213,228,229,232],{},[83,230,231],{},"PlotMarksProps"," — used when marks are children (Vue infers this automatically)",[169,234,236],{"id":235},"plotmarkspropsm","PlotMarksProps\u003CM>",[66,238,239],{},"Generic type for individual mark component props:",[75,241,243],{"className":77,"code":242,"filename":79,"language":80,"meta":81,"style":81},"export type PlotMarksProps\u003CM extends Marks = \"frame\"> = {\n  data?: Data\n} & MarksOptions[M]\n",[83,244,245,283,298],{"__ignoreMap":81},[86,246,247,249,251,253,256,259,262,265,267,270,273,276,279,281],{"class":88,"line":89},[86,248,185],{"class":96},[86,250,97],{"class":188},[86,252,205],{"class":191},[86,254,255],{"class":100},"\u003C",[86,257,258],{"class":191},"M",[86,260,261],{"class":188}," extends",[86,263,264],{"class":191}," Marks",[86,266,196],{"class":195},[86,268,269],{"class":155}," \"",[86,271,272],{"class":159},"frame",[86,274,275],{"class":155},"\"",[86,277,278],{"class":100},">",[86,280,196],{"class":195},[86,282,101],{"class":100},[86,284,285,289,292,295],{"class":88,"line":104},[86,286,288],{"class":287},"sNH7Q","  data",[86,290,291],{"class":195},"?",[86,293,294],{"class":100},":",[86,296,297],{"class":191}," Data\n",[86,299,300,302,305,308,312,314],{"class":88,"line":114},[86,301,149],{"class":100},[86,303,304],{"class":195}," &",[86,306,307],{"class":191}," MarksOptions",[86,309,311],{"class":310},"sfkeP","[",[86,313,258],{"class":191},[86,315,316],{"class":310},"]\n",[66,318,319],{},[320,321,322],"strong",{},"Usage:",[75,324,326],{"className":77,"code":325,"filename":79,"language":80,"meta":81,"style":81},"import type { PlotMarksProps } from '@memotux\u002Fvue-plot\u002Ftypes'\n\n\u002F\u002F Props for a barY mark component\ntype BarYProps = PlotMarksProps\u003C'barY'>\n\u002F\u002F → { data?: Data } & BarYOptions\n\n\u002F\u002F Props for a dot mark component\ntype DotProps = PlotMarksProps\u003C'dot'>\n\u002F\u002F → { data?: Data } & DotOptions\n",[83,327,328,350,356,362,387,392,396,401,424],{"__ignoreMap":81},[86,329,330,332,334,337,339,342,344,346,348],{"class":88,"line":89},[86,331,93],{"class":92},[86,333,97],{"class":96},[86,335,336],{"class":100}," {",[86,338,205],{"class":107},[86,340,341],{"class":100}," }",[86,343,152],{"class":96},[86,345,156],{"class":155},[86,347,160],{"class":159},[86,349,163],{"class":155},[86,351,352],{"class":88,"line":104},[86,353,355],{"emptyLinePlaceholder":354},true,"\n",[86,357,358],{"class":88,"line":114},[86,359,361],{"class":360},"snOLt","\u002F\u002F Props for a barY mark component\n",[86,363,364,367,370,372,374,376,379,382,384],{"class":88,"line":122},[86,365,366],{"class":188},"type",[86,368,369],{"class":191}," BarYProps",[86,371,196],{"class":195},[86,373,205],{"class":191},[86,375,255],{"class":100},[86,377,378],{"class":155},"'",[86,380,381],{"class":159},"barY",[86,383,378],{"class":155},[86,385,386],{"class":100},">\n",[86,388,389],{"class":88,"line":130},[86,390,391],{"class":360},"\u002F\u002F → { data?: Data } & BarYOptions\n",[86,393,394],{"class":88,"line":138},[86,395,355],{"emptyLinePlaceholder":354},[86,397,398],{"class":88,"line":146},[86,399,400],{"class":360},"\u002F\u002F Props for a dot mark component\n",[86,402,404,406,409,411,413,415,417,420,422],{"class":88,"line":403},8,[86,405,366],{"class":188},[86,407,408],{"class":191}," DotProps",[86,410,196],{"class":195},[86,412,205],{"class":191},[86,414,255],{"class":100},[86,416,378],{"class":155},[86,418,419],{"class":159},"dot",[86,421,378],{"class":155},[86,423,386],{"class":100},[86,425,427],{"class":88,"line":426},9,[86,428,429],{"class":360},"\u002F\u002F → { data?: Data } & DotOptions\n",[169,431,432],{"id":225},"Marks",[66,434,435],{},"Union of all supported mark names:",[75,437,439],{"className":77,"code":438,"filename":79,"language":80,"meta":81,"style":81},"type Marks =\n  | 'area' | 'areaX' | 'areaY'\n  | 'arrow'\n  | 'auto'\n  | 'axisFx' | 'axisFy' | 'axisX' | 'axisY'\n  | 'barX' | 'barY'\n  | 'bollinger' | 'bollingerX' | 'bollingerY'\n  | 'boxX' | 'boxY'\n  | 'cell' | 'cellX' | 'cellY'\n  | 'contour'\n  | 'crosshair' | 'crosshairX' | 'crosshairY'\n  | 'delaunayLink' | 'delaunayMesh'\n  | 'density'\n  | 'differenceX' | 'differenceY'\n  | 'dot' | 'dotX' | 'dotY'\n  | 'frame'\n  | 'geo' | 'geoCentroid'\n  | 'hexgrid' | 'hexagon' | 'hexbin'\n  | 'image'\n  | 'line' | 'lineX' | 'lineY'\n  | 'linearRegressionX' | 'linearRegressionY'\n  | 'link'\n  | 'raster'\n  | 'rect' | 'rectX' | 'rectY'\n  | 'ruleX' | 'ruleY'\n  | 'text' | 'textX' | 'textY'\n  | 'tickX' | 'tickY'\n  | 'tip'\n  | 'tree'\n  | 'vector' | 'vectorX' | 'vectorY'\n  | 'waffleX' | 'waffleY'\n",[83,440,441,450,480,491,502,540,559,588,608,637,649,679,700,712,733,762,773,794,824,836,865,886,898,910,940,961,991,1012,1024,1036,1066],{"__ignoreMap":81},[86,442,443,445,447],{"class":88,"line":89},[86,444,366],{"class":188},[86,446,264],{"class":191},[86,448,449],{"class":195}," =\n",[86,451,452,455,457,460,462,464,466,469,471,473,475,478],{"class":88,"line":104},[86,453,454],{"class":195},"  |",[86,456,156],{"class":155},[86,458,459],{"class":159},"area",[86,461,378],{"class":155},[86,463,202],{"class":195},[86,465,156],{"class":155},[86,467,468],{"class":159},"areaX",[86,470,378],{"class":155},[86,472,202],{"class":195},[86,474,156],{"class":155},[86,476,477],{"class":159},"areaY",[86,479,163],{"class":155},[86,481,482,484,486,489],{"class":88,"line":114},[86,483,454],{"class":195},[86,485,156],{"class":155},[86,487,488],{"class":159},"arrow",[86,490,163],{"class":155},[86,492,493,495,497,500],{"class":88,"line":122},[86,494,454],{"class":195},[86,496,156],{"class":155},[86,498,499],{"class":159},"auto",[86,501,163],{"class":155},[86,503,504,506,508,511,513,515,517,520,522,524,526,529,531,533,535,538],{"class":88,"line":130},[86,505,454],{"class":195},[86,507,156],{"class":155},[86,509,510],{"class":159},"axisFx",[86,512,378],{"class":155},[86,514,202],{"class":195},[86,516,156],{"class":155},[86,518,519],{"class":159},"axisFy",[86,521,378],{"class":155},[86,523,202],{"class":195},[86,525,156],{"class":155},[86,527,528],{"class":159},"axisX",[86,530,378],{"class":155},[86,532,202],{"class":195},[86,534,156],{"class":155},[86,536,537],{"class":159},"axisY",[86,539,163],{"class":155},[86,541,542,544,546,549,551,553,555,557],{"class":88,"line":138},[86,543,454],{"class":195},[86,545,156],{"class":155},[86,547,548],{"class":159},"barX",[86,550,378],{"class":155},[86,552,202],{"class":195},[86,554,156],{"class":155},[86,556,381],{"class":159},[86,558,163],{"class":155},[86,560,561,563,565,568,570,572,574,577,579,581,583,586],{"class":88,"line":146},[86,562,454],{"class":195},[86,564,156],{"class":155},[86,566,567],{"class":159},"bollinger",[86,569,378],{"class":155},[86,571,202],{"class":195},[86,573,156],{"class":155},[86,575,576],{"class":159},"bollingerX",[86,578,378],{"class":155},[86,580,202],{"class":195},[86,582,156],{"class":155},[86,584,585],{"class":159},"bollingerY",[86,587,163],{"class":155},[86,589,590,592,594,597,599,601,603,606],{"class":88,"line":403},[86,591,454],{"class":195},[86,593,156],{"class":155},[86,595,596],{"class":159},"boxX",[86,598,378],{"class":155},[86,600,202],{"class":195},[86,602,156],{"class":155},[86,604,605],{"class":159},"boxY",[86,607,163],{"class":155},[86,609,610,612,614,617,619,621,623,626,628,630,632,635],{"class":88,"line":426},[86,611,454],{"class":195},[86,613,156],{"class":155},[86,615,616],{"class":159},"cell",[86,618,378],{"class":155},[86,620,202],{"class":195},[86,622,156],{"class":155},[86,624,625],{"class":159},"cellX",[86,627,378],{"class":155},[86,629,202],{"class":195},[86,631,156],{"class":155},[86,633,634],{"class":159},"cellY",[86,636,163],{"class":155},[86,638,640,642,644,647],{"class":88,"line":639},10,[86,641,454],{"class":195},[86,643,156],{"class":155},[86,645,646],{"class":159},"contour",[86,648,163],{"class":155},[86,650,652,654,656,659,661,663,665,668,670,672,674,677],{"class":88,"line":651},11,[86,653,454],{"class":195},[86,655,156],{"class":155},[86,657,658],{"class":159},"crosshair",[86,660,378],{"class":155},[86,662,202],{"class":195},[86,664,156],{"class":155},[86,666,667],{"class":159},"crosshairX",[86,669,378],{"class":155},[86,671,202],{"class":195},[86,673,156],{"class":155},[86,675,676],{"class":159},"crosshairY",[86,678,163],{"class":155},[86,680,682,684,686,689,691,693,695,698],{"class":88,"line":681},12,[86,683,454],{"class":195},[86,685,156],{"class":155},[86,687,688],{"class":159},"delaunayLink",[86,690,378],{"class":155},[86,692,202],{"class":195},[86,694,156],{"class":155},[86,696,697],{"class":159},"delaunayMesh",[86,699,163],{"class":155},[86,701,703,705,707,710],{"class":88,"line":702},13,[86,704,454],{"class":195},[86,706,156],{"class":155},[86,708,709],{"class":159},"density",[86,711,163],{"class":155},[86,713,715,717,719,722,724,726,728,731],{"class":88,"line":714},14,[86,716,454],{"class":195},[86,718,156],{"class":155},[86,720,721],{"class":159},"differenceX",[86,723,378],{"class":155},[86,725,202],{"class":195},[86,727,156],{"class":155},[86,729,730],{"class":159},"differenceY",[86,732,163],{"class":155},[86,734,736,738,740,742,744,746,748,751,753,755,757,760],{"class":88,"line":735},15,[86,737,454],{"class":195},[86,739,156],{"class":155},[86,741,419],{"class":159},[86,743,378],{"class":155},[86,745,202],{"class":195},[86,747,156],{"class":155},[86,749,750],{"class":159},"dotX",[86,752,378],{"class":155},[86,754,202],{"class":195},[86,756,156],{"class":155},[86,758,759],{"class":159},"dotY",[86,761,163],{"class":155},[86,763,765,767,769,771],{"class":88,"line":764},16,[86,766,454],{"class":195},[86,768,156],{"class":155},[86,770,272],{"class":159},[86,772,163],{"class":155},[86,774,776,778,780,783,785,787,789,792],{"class":88,"line":775},17,[86,777,454],{"class":195},[86,779,156],{"class":155},[86,781,782],{"class":159},"geo",[86,784,378],{"class":155},[86,786,202],{"class":195},[86,788,156],{"class":155},[86,790,791],{"class":159},"geoCentroid",[86,793,163],{"class":155},[86,795,797,799,801,804,806,808,810,813,815,817,819,822],{"class":88,"line":796},18,[86,798,454],{"class":195},[86,800,156],{"class":155},[86,802,803],{"class":159},"hexgrid",[86,805,378],{"class":155},[86,807,202],{"class":195},[86,809,156],{"class":155},[86,811,812],{"class":159},"hexagon",[86,814,378],{"class":155},[86,816,202],{"class":195},[86,818,156],{"class":155},[86,820,821],{"class":159},"hexbin",[86,823,163],{"class":155},[86,825,827,829,831,834],{"class":88,"line":826},19,[86,828,454],{"class":195},[86,830,156],{"class":155},[86,832,833],{"class":159},"image",[86,835,163],{"class":155},[86,837,839,841,843,845,847,849,851,854,856,858,860,863],{"class":88,"line":838},20,[86,840,454],{"class":195},[86,842,156],{"class":155},[86,844,88],{"class":159},[86,846,378],{"class":155},[86,848,202],{"class":195},[86,850,156],{"class":155},[86,852,853],{"class":159},"lineX",[86,855,378],{"class":155},[86,857,202],{"class":195},[86,859,156],{"class":155},[86,861,862],{"class":159},"lineY",[86,864,163],{"class":155},[86,866,868,870,872,875,877,879,881,884],{"class":88,"line":867},21,[86,869,454],{"class":195},[86,871,156],{"class":155},[86,873,874],{"class":159},"linearRegressionX",[86,876,378],{"class":155},[86,878,202],{"class":195},[86,880,156],{"class":155},[86,882,883],{"class":159},"linearRegressionY",[86,885,163],{"class":155},[86,887,889,891,893,896],{"class":88,"line":888},22,[86,890,454],{"class":195},[86,892,156],{"class":155},[86,894,895],{"class":159},"link",[86,897,163],{"class":155},[86,899,901,903,905,908],{"class":88,"line":900},23,[86,902,454],{"class":195},[86,904,156],{"class":155},[86,906,907],{"class":159},"raster",[86,909,163],{"class":155},[86,911,913,915,917,920,922,924,926,929,931,933,935,938],{"class":88,"line":912},24,[86,914,454],{"class":195},[86,916,156],{"class":155},[86,918,919],{"class":159},"rect",[86,921,378],{"class":155},[86,923,202],{"class":195},[86,925,156],{"class":155},[86,927,928],{"class":159},"rectX",[86,930,378],{"class":155},[86,932,202],{"class":195},[86,934,156],{"class":155},[86,936,937],{"class":159},"rectY",[86,939,163],{"class":155},[86,941,943,945,947,950,952,954,956,959],{"class":88,"line":942},25,[86,944,454],{"class":195},[86,946,156],{"class":155},[86,948,949],{"class":159},"ruleX",[86,951,378],{"class":155},[86,953,202],{"class":195},[86,955,156],{"class":155},[86,957,958],{"class":159},"ruleY",[86,960,163],{"class":155},[86,962,964,966,968,971,973,975,977,980,982,984,986,989],{"class":88,"line":963},26,[86,965,454],{"class":195},[86,967,156],{"class":155},[86,969,970],{"class":159},"text",[86,972,378],{"class":155},[86,974,202],{"class":195},[86,976,156],{"class":155},[86,978,979],{"class":159},"textX",[86,981,378],{"class":155},[86,983,202],{"class":195},[86,985,156],{"class":155},[86,987,988],{"class":159},"textY",[86,990,163],{"class":155},[86,992,994,996,998,1001,1003,1005,1007,1010],{"class":88,"line":993},27,[86,995,454],{"class":195},[86,997,156],{"class":155},[86,999,1000],{"class":159},"tickX",[86,1002,378],{"class":155},[86,1004,202],{"class":195},[86,1006,156],{"class":155},[86,1008,1009],{"class":159},"tickY",[86,1011,163],{"class":155},[86,1013,1015,1017,1019,1022],{"class":88,"line":1014},28,[86,1016,454],{"class":195},[86,1018,156],{"class":155},[86,1020,1021],{"class":159},"tip",[86,1023,163],{"class":155},[86,1025,1027,1029,1031,1034],{"class":88,"line":1026},29,[86,1028,454],{"class":195},[86,1030,156],{"class":155},[86,1032,1033],{"class":159},"tree",[86,1035,163],{"class":155},[86,1037,1039,1041,1043,1046,1048,1050,1052,1055,1057,1059,1061,1064],{"class":88,"line":1038},30,[86,1040,454],{"class":195},[86,1042,156],{"class":155},[86,1044,1045],{"class":159},"vector",[86,1047,378],{"class":155},[86,1049,202],{"class":195},[86,1051,156],{"class":155},[86,1053,1054],{"class":159},"vectorX",[86,1056,378],{"class":155},[86,1058,202],{"class":195},[86,1060,156],{"class":155},[86,1062,1063],{"class":159},"vectorY",[86,1065,163],{"class":155},[86,1067,1069,1071,1073,1076,1078,1080,1082,1085],{"class":88,"line":1068},31,[86,1070,454],{"class":195},[86,1072,156],{"class":155},[86,1074,1075],{"class":159},"waffleX",[86,1077,378],{"class":155},[86,1079,202],{"class":195},[86,1081,156],{"class":155},[86,1083,1084],{"class":159},"waffleY",[86,1086,163],{"class":155},[169,1088,1090],{"id":1089},"plotcontext","PlotContext",[66,1092,1093],{},"Internal reactive context shared between root plot and child marks:",[75,1095,1097],{"className":77,"code":1096,"filename":79,"language":80,"meta":81,"style":81},"interface PlotContext {\n  id: string\n  parent: Readonly\u003CShallowRef\u003CHTMLDivElement | null>>\n  root: {\n    id: string\n    options: PlotOptions\n    _ctx?: PlotContext\n  }\n  marks: Array\u003CPlotChildrenContext\u003C'frame'>>\n  _renderQueued: boolean\n}\n",[83,1098,1099,1109,1119,1147,1156,1165,1175,1187,1192,1217,1227],{"__ignoreMap":81},[86,1100,1101,1104,1107],{"class":88,"line":89},[86,1102,1103],{"class":188},"interface",[86,1105,1106],{"class":191}," PlotContext",[86,1108,101],{"class":100},[86,1110,1111,1114,1116],{"class":88,"line":104},[86,1112,1113],{"class":287},"  id",[86,1115,294],{"class":100},[86,1117,1118],{"class":191}," string\n",[86,1120,1121,1124,1126,1129,1131,1134,1136,1139,1141,1144],{"class":88,"line":114},[86,1122,1123],{"class":287},"  parent",[86,1125,294],{"class":100},[86,1127,1128],{"class":191}," Readonly",[86,1130,255],{"class":100},[86,1132,1133],{"class":191},"ShallowRef",[86,1135,255],{"class":100},[86,1137,1138],{"class":191},"HTMLDivElement",[86,1140,202],{"class":195},[86,1142,1143],{"class":191}," null",[86,1145,1146],{"class":100},">>\n",[86,1148,1149,1152,1154],{"class":88,"line":122},[86,1150,1151],{"class":287},"  root",[86,1153,294],{"class":100},[86,1155,101],{"class":100},[86,1157,1158,1161,1163],{"class":88,"line":130},[86,1159,1160],{"class":287},"    id",[86,1162,294],{"class":100},[86,1164,1118],{"class":191},[86,1166,1167,1170,1172],{"class":88,"line":138},[86,1168,1169],{"class":287},"    options",[86,1171,294],{"class":100},[86,1173,1174],{"class":191}," PlotOptions\n",[86,1176,1177,1180,1182,1184],{"class":88,"line":146},[86,1178,1179],{"class":287},"    _ctx",[86,1181,291],{"class":195},[86,1183,294],{"class":100},[86,1185,1186],{"class":191}," PlotContext\n",[86,1188,1189],{"class":88,"line":403},[86,1190,1191],{"class":100},"  }\n",[86,1193,1194,1197,1199,1202,1204,1207,1209,1211,1213,1215],{"class":88,"line":426},[86,1195,1196],{"class":287},"  marks",[86,1198,294],{"class":100},[86,1200,1201],{"class":191}," Array",[86,1203,255],{"class":100},[86,1205,1206],{"class":191},"PlotChildrenContext",[86,1208,255],{"class":100},[86,1210,378],{"class":155},[86,1212,272],{"class":159},[86,1214,378],{"class":155},[86,1216,1146],{"class":100},[86,1218,1219,1222,1224],{"class":88,"line":639},[86,1220,1221],{"class":287},"  _renderQueued",[86,1223,294],{"class":100},[86,1225,1226],{"class":191}," boolean\n",[86,1228,1229],{"class":88,"line":651},[86,1230,1231],{"class":100},"}\n",[1233,1234,1235,1237],"note",{},[83,1236,1090],{}," is used internally by Vue Plot. You typically don't need to interact with it directly.",[169,1239,1241],{"id":1240},"plotchildrencontextm","PlotChildrenContext\u003CM>",[66,1243,1244],{},"Per-mark context for internal mark management:",[75,1246,1248],{"className":77,"code":1247,"filename":79,"language":80,"meta":81,"style":81},"interface PlotChildrenContext\u003CM extends Marks> {\n  mark: (data: Data | undefined, options: Omit\u003CPlotMarksProps\u003CM>, 'data'> | undefined) => RenderableMark\n  options: Omit\u003CPlotMarksProps\u003CM>, 'data'> | {}\n  data: PlotMarksProps\u003CM>['data']\n  inserted: boolean\n  id: string\n}\n",[83,1249,1250,1269,1337,1369,1393,1402,1410],{"__ignoreMap":81},[86,1251,1252,1254,1257,1259,1261,1263,1265,1267],{"class":88,"line":89},[86,1253,1103],{"class":188},[86,1255,1256],{"class":191}," PlotChildrenContext",[86,1258,255],{"class":100},[86,1260,258],{"class":191},[86,1262,261],{"class":188},[86,1264,264],{"class":191},[86,1266,278],{"class":100},[86,1268,101],{"class":100},[86,1270,1271,1275,1277,1280,1284,1286,1289,1291,1294,1297,1300,1302,1305,1307,1309,1311,1313,1316,1318,1320,1322,1324,1326,1328,1331,1334],{"class":88,"line":104},[86,1272,1274],{"class":1273},"sTU8H","  mark",[86,1276,294],{"class":100},[86,1278,1279],{"class":100}," (",[86,1281,1283],{"class":1282},"sW-6-","data",[86,1285,294],{"class":100},[86,1287,1288],{"class":191}," Data",[86,1290,202],{"class":195},[86,1292,1293],{"class":191}," undefined",[86,1295,1296],{"class":100},",",[86,1298,1299],{"class":1282}," options",[86,1301,294],{"class":100},[86,1303,1304],{"class":191}," Omit",[86,1306,255],{"class":100},[86,1308,231],{"class":191},[86,1310,255],{"class":100},[86,1312,258],{"class":191},[86,1314,1315],{"class":100},">,",[86,1317,156],{"class":155},[86,1319,1283],{"class":159},[86,1321,378],{"class":155},[86,1323,278],{"class":100},[86,1325,202],{"class":195},[86,1327,1293],{"class":191},[86,1329,1330],{"class":100},")",[86,1332,1333],{"class":188}," =>",[86,1335,1336],{"class":191}," RenderableMark\n",[86,1338,1339,1342,1344,1346,1348,1350,1352,1354,1356,1358,1360,1362,1364,1366],{"class":88,"line":114},[86,1340,1341],{"class":287},"  options",[86,1343,294],{"class":100},[86,1345,1304],{"class":191},[86,1347,255],{"class":100},[86,1349,231],{"class":191},[86,1351,255],{"class":100},[86,1353,258],{"class":191},[86,1355,1315],{"class":100},[86,1357,156],{"class":155},[86,1359,1283],{"class":159},[86,1361,378],{"class":155},[86,1363,278],{"class":100},[86,1365,202],{"class":195},[86,1367,1368],{"class":100}," {}\n",[86,1370,1371,1373,1375,1377,1379,1381,1383,1385,1387,1389,1391],{"class":88,"line":122},[86,1372,288],{"class":287},[86,1374,294],{"class":100},[86,1376,205],{"class":191},[86,1378,255],{"class":100},[86,1380,258],{"class":191},[86,1382,278],{"class":100},[86,1384,311],{"class":310},[86,1386,378],{"class":155},[86,1388,1283],{"class":159},[86,1390,378],{"class":155},[86,1392,316],{"class":310},[86,1394,1395,1398,1400],{"class":88,"line":130},[86,1396,1397],{"class":287},"  inserted",[86,1399,294],{"class":100},[86,1401,1226],{"class":191},[86,1403,1404,1406,1408],{"class":88,"line":138},[86,1405,1113],{"class":287},[86,1407,294],{"class":100},[86,1409,1118],{"class":191},[86,1411,1412],{"class":88,"line":146},[86,1413,1231],{"class":100},[70,1415,1417],{"id":1416},"using-types-in-your-code","Using types in your code",[169,1419,1421],{"id":1420},"typing-mark-props","Typing mark props",[75,1423,1425],{"className":77,"code":1424,"filename":79,"language":80,"meta":81,"style":81},"import type { PlotMarksProps } from '@memotux\u002Fvue-plot\u002Ftypes'\n\nconst barProps: PlotMarksProps\u003C'barY'> = {\n  data: [\n    { name: 'A', value: 10 },\n  ],\n  x: 'name',\n  y: 'value',\n}\n",[83,1426,1427,1447,1451,1477,1486,1517,1524,1540,1556],{"__ignoreMap":81},[86,1428,1429,1431,1433,1435,1437,1439,1441,1443,1445],{"class":88,"line":89},[86,1430,93],{"class":92},[86,1432,97],{"class":96},[86,1434,336],{"class":100},[86,1436,205],{"class":107},[86,1438,341],{"class":100},[86,1440,152],{"class":96},[86,1442,156],{"class":155},[86,1444,160],{"class":159},[86,1446,163],{"class":155},[86,1448,1449],{"class":88,"line":104},[86,1450,355],{"emptyLinePlaceholder":354},[86,1452,1453,1456,1459,1461,1463,1465,1467,1469,1471,1473,1475],{"class":88,"line":114},[86,1454,1455],{"class":188},"const",[86,1457,1458],{"class":107}," barProps",[86,1460,294],{"class":100},[86,1462,205],{"class":191},[86,1464,255],{"class":100},[86,1466,378],{"class":155},[86,1468,381],{"class":159},[86,1470,378],{"class":155},[86,1472,278],{"class":100},[86,1474,196],{"class":195},[86,1476,101],{"class":100},[86,1478,1479,1481,1483],{"class":88,"line":122},[86,1480,288],{"class":287},[86,1482,294],{"class":100},[86,1484,1485],{"class":310}," [\n",[86,1487,1488,1491,1494,1496,1498,1501,1503,1505,1508,1510,1514],{"class":88,"line":130},[86,1489,1490],{"class":100},"    {",[86,1492,1493],{"class":287}," name",[86,1495,294],{"class":100},[86,1497,156],{"class":155},[86,1499,1500],{"class":159},"A",[86,1502,378],{"class":155},[86,1504,1296],{"class":100},[86,1506,1507],{"class":287}," value",[86,1509,294],{"class":100},[86,1511,1513],{"class":1512},"svr3b"," 10",[86,1515,1516],{"class":100}," },\n",[86,1518,1519,1522],{"class":88,"line":138},[86,1520,1521],{"class":310},"  ]",[86,1523,111],{"class":100},[86,1525,1526,1529,1531,1533,1536,1538],{"class":88,"line":146},[86,1527,1528],{"class":287},"  x",[86,1530,294],{"class":100},[86,1532,156],{"class":155},[86,1534,1535],{"class":159},"name",[86,1537,378],{"class":155},[86,1539,111],{"class":100},[86,1541,1542,1545,1547,1549,1552,1554],{"class":88,"line":403},[86,1543,1544],{"class":287},"  y",[86,1546,294],{"class":100},[86,1548,156],{"class":155},[86,1550,1551],{"class":159},"value",[86,1553,378],{"class":155},[86,1555,111],{"class":100},[86,1557,1558],{"class":88,"line":426},[86,1559,1231],{"class":100},[169,1561,1563],{"id":1562},"typing-chart-configurations","Typing chart configurations",[75,1565,1567],{"className":77,"code":1566,"filename":79,"language":80,"meta":81,"style":81},"import type { PlotMarksProps, Marks } from '@memotux\u002Fvue-plot\u002Ftypes'\n\ninterface ChartConfig\u003CM extends Marks> {\n  mark: M\n  props: PlotMarksProps\u003CM>\n}\n\nconst config: ChartConfig\u003C'barY'> = {\n  mark: 'barY',\n  props: {\n    data: salesData,\n    x: 'month',\n    y: 'revenue',\n  },\n}\n",[83,1568,1569,1593,1597,1616,1625,1640,1644,1648,1673,1687,1695,1707,1723,1739,1744],{"__ignoreMap":81},[86,1570,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591],{"class":88,"line":89},[86,1572,93],{"class":92},[86,1574,97],{"class":96},[86,1576,336],{"class":100},[86,1578,205],{"class":107},[86,1580,1296],{"class":100},[86,1582,264],{"class":107},[86,1584,341],{"class":100},[86,1586,152],{"class":96},[86,1588,156],{"class":155},[86,1590,160],{"class":159},[86,1592,163],{"class":155},[86,1594,1595],{"class":88,"line":104},[86,1596,355],{"emptyLinePlaceholder":354},[86,1598,1599,1601,1604,1606,1608,1610,1612,1614],{"class":88,"line":114},[86,1600,1103],{"class":188},[86,1602,1603],{"class":191}," ChartConfig",[86,1605,255],{"class":100},[86,1607,258],{"class":191},[86,1609,261],{"class":188},[86,1611,264],{"class":191},[86,1613,278],{"class":100},[86,1615,101],{"class":100},[86,1617,1618,1620,1622],{"class":88,"line":122},[86,1619,1274],{"class":287},[86,1621,294],{"class":100},[86,1623,1624],{"class":191}," M\n",[86,1626,1627,1630,1632,1634,1636,1638],{"class":88,"line":130},[86,1628,1629],{"class":287},"  props",[86,1631,294],{"class":100},[86,1633,205],{"class":191},[86,1635,255],{"class":100},[86,1637,258],{"class":191},[86,1639,386],{"class":100},[86,1641,1642],{"class":88,"line":138},[86,1643,1231],{"class":100},[86,1645,1646],{"class":88,"line":146},[86,1647,355],{"emptyLinePlaceholder":354},[86,1649,1650,1652,1655,1657,1659,1661,1663,1665,1667,1669,1671],{"class":88,"line":403},[86,1651,1455],{"class":188},[86,1653,1654],{"class":107}," config",[86,1656,294],{"class":100},[86,1658,1603],{"class":191},[86,1660,255],{"class":100},[86,1662,378],{"class":155},[86,1664,381],{"class":159},[86,1666,378],{"class":155},[86,1668,278],{"class":100},[86,1670,196],{"class":195},[86,1672,101],{"class":100},[86,1674,1675,1677,1679,1681,1683,1685],{"class":88,"line":426},[86,1676,1274],{"class":287},[86,1678,294],{"class":100},[86,1680,156],{"class":155},[86,1682,381],{"class":159},[86,1684,378],{"class":155},[86,1686,111],{"class":100},[86,1688,1689,1691,1693],{"class":88,"line":639},[86,1690,1629],{"class":287},[86,1692,294],{"class":100},[86,1694,101],{"class":100},[86,1696,1697,1700,1702,1705],{"class":88,"line":651},[86,1698,1699],{"class":287},"    data",[86,1701,294],{"class":100},[86,1703,1704],{"class":107}," salesData",[86,1706,111],{"class":100},[86,1708,1709,1712,1714,1716,1719,1721],{"class":88,"line":681},[86,1710,1711],{"class":287},"    x",[86,1713,294],{"class":100},[86,1715,156],{"class":155},[86,1717,1718],{"class":159},"month",[86,1720,378],{"class":155},[86,1722,111],{"class":100},[86,1724,1725,1728,1730,1732,1735,1737],{"class":88,"line":702},[86,1726,1727],{"class":287},"    y",[86,1729,294],{"class":100},[86,1731,156],{"class":155},[86,1733,1734],{"class":159},"revenue",[86,1736,378],{"class":155},[86,1738,111],{"class":100},[86,1740,1741],{"class":88,"line":714},[86,1742,1743],{"class":100},"  },\n",[86,1745,1746],{"class":88,"line":735},[86,1747,1231],{"class":100},[169,1749,1751],{"id":1750},"component-prop-types","Component prop types",[66,1753,1754],{},"Vue Plot extends Vue's global component types:",[75,1756,1758],{"className":77,"code":1757,"filename":79,"language":80,"meta":81,"style":81},"\u002F\u002F Vue Plot automatically generates types for every \u003CPlot*> component:\n\u002F\u002F declare module 'vue' {\n\u002F\u002F   interface GlobalComponents extends PlotComponents {}\n\u002F\u002F }\n\u002F\u002F where PlotComponents is a mapped type over all 63 marks in the Marks union.\n",[83,1759,1760,1765,1770,1775,1780],{"__ignoreMap":81},[86,1761,1762],{"class":88,"line":89},[86,1763,1764],{"class":360},"\u002F\u002F Vue Plot automatically generates types for every \u003CPlot*> component:\n",[86,1766,1767],{"class":88,"line":104},[86,1768,1769],{"class":360},"\u002F\u002F declare module 'vue' {\n",[86,1771,1772],{"class":88,"line":114},[86,1773,1774],{"class":360},"\u002F\u002F   interface GlobalComponents extends PlotComponents {}\n",[86,1776,1777],{"class":88,"line":122},[86,1778,1779],{"class":360},"\u002F\u002F }\n",[86,1781,1782],{"class":88,"line":130},[86,1783,1784],{"class":360},"\u002F\u002F where PlotComponents is a mapped type over all 63 marks in the Marks union.\n",[66,1786,1787,1788,1791],{},"This means TypeScript will infer correct props for ",[83,1789,1790],{},"\u003CPlot*>"," components in templates automatically.",[70,1793,1795],{"id":1794},"whats-next","What's next?",[210,1797,1798,1808],{},[213,1799,1800,1807],{},[1801,1802,1806],"a",{"href":1803,"rel":1804},"https:\u002F\u002Fobservablehq.com\u002Fplot\u002F",[1805],"nofollow","Observable Plot docs"," — Detailed mark option references",[213,1809,1810,1815],{},[1801,1811,1814],{"href":1812,"rel":1813},"https:\u002F\u002Fgithub.com\u002Fmemotux\u002Fvue-plot",[1805],"Vue Plot GitHub"," — Source code and issues",[1817,1818,1819],"style",{},"html pre.shiki code .su7sr, html code.shiki .su7sr{--shiki-light:#CC6D00;--shiki-light-font-style:inherit;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#B6927B;--shiki-dark-font-style:inherit}html pre.shiki code .seCTJ, html code.shiki .seCTJ{--shiki-light:#624C83;--shiki-light-font-style:inherit;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#8992A7;--shiki-dark-font-style:inherit}html pre.shiki code .s4RQF, html code.shiki .s4RQF{--shiki-light:#4E8CA2;--shiki-default:#89DDFF;--shiki-dark:#9E9B93}html pre.shiki code .sOCQP, html code.shiki .sOCQP{--shiki-light:#545464;--shiki-default:#EEFFFF;--shiki-dark:#C5C9C5}html pre.shiki code .sou9m, html code.shiki .sou9m{--shiki-light:#6F894E;--shiki-default:#89DDFF;--shiki-dark:#8A9A7B}html pre.shiki code .s9-zz, html code.shiki .s9-zz{--shiki-light:#6F894E;--shiki-default:#C3E88D;--shiki-dark:#8A9A7B}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sWKss, html code.shiki .sWKss{--shiki-light:#624C83;--shiki-default:#C792EA;--shiki-dark:#8992A7}html pre.shiki code .shhQM, html code.shiki .shhQM{--shiki-light:#597B75;--shiki-default:#FFCB6B;--shiki-dark:#8EA4A2}html pre.shiki code .sqN5v, html code.shiki .sqN5v{--shiki-light:#77713F;--shiki-default:#89DDFF;--shiki-dark:#C4B28A}html pre.shiki code .sNH7Q, html code.shiki .sNH7Q{--shiki-light:#545464;--shiki-default:#F07178;--shiki-dark:#C5C9C5}html pre.shiki code .sfkeP, html code.shiki .sfkeP{--shiki-light:#4E8CA2;--shiki-default:#EEFFFF;--shiki-dark:#9E9B93}html pre.shiki code .snOLt, html code.shiki .snOLt{--shiki-light:#716E61;--shiki-light-font-style:inherit;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#737C73;--shiki-dark-font-style:inherit}html pre.shiki code .sTU8H, html code.shiki .sTU8H{--shiki-light:#4D699B;--shiki-default:#F07178;--shiki-dark:#8BA4B0}html pre.shiki code .sW-6-, html code.shiki .sW-6-{--shiki-light:#545464;--shiki-light-font-style:inherit;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#C5C9C5;--shiki-dark-font-style:inherit}html pre.shiki code .svr3b, html code.shiki .svr3b{--shiki-light:#B35B79;--shiki-default:#F78C6C;--shiki-dark:#A292A3}",{"title":81,"searchDepth":104,"depth":104,"links":1821},[1822,1823,1830,1835],{"id":72,"depth":104,"text":73},{"id":166,"depth":104,"text":167,"children":1824},[1825,1826,1827,1828,1829],{"id":171,"depth":114,"text":172},{"id":235,"depth":114,"text":236},{"id":225,"depth":114,"text":432},{"id":1089,"depth":114,"text":1090},{"id":1240,"depth":114,"text":1241},{"id":1416,"depth":104,"text":1417,"children":1831},[1832,1833,1834],{"id":1420,"depth":114,"text":1421},{"id":1562,"depth":114,"text":1563},{"id":1750,"depth":114,"text":1751},{"id":1794,"depth":104,"text":1795},"Reference for Vue Plot's exported TypeScript types — PlotProps, PlotMarksProps, Marks, PlotContext, and PlotChildrenContext — with usage.\n","md",null,{},{"title":1841,"description":1842},"TypeScript Types — Vue Plot PlotProps, Marks, and Options","Understand Vue Plot's TypeScript types — PlotProps, PlotMarksProps, Marks, and context interfaces — for fully type-safe chart definitions.","8d9Nft_70TtrzovMKgf6QKa8tQEvmprVT9Bxhs70SHY",[1845,1838],{"title":53,"path":54,"stem":55,"description":1846,"children":-1},"Browse all 62 mark components available in Vue Plot — from PlotBarY and PlotDot to statistical, axis, and geo marks — with their Observable Plot mappings and option types.\n",1787848462538]