[{"data":1,"prerenderedAt":1630},["ShallowReactive",2],{"navigation_docs":3,"-api-vplot":60,"-api-vplot-surround":1625},[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":49,"body":62,"description":1617,"extension":1618,"links":1619,"meta":1620,"navigation":666,"path":50,"seo":1621,"stem":51,"__hash__":1624},"docs\u002F3.api\u002F1.vplot.md",{"type":63,"value":64,"toc":1602},"minimark",[65,69,74,119,123,190,193,289,293,305,310,582,586,617,629,633,719,723,727,984,988,1149,1153,1580,1584,1599],[66,67,68],"p",{},"The main chart component. Accepts plot configuration via props.",[70,71,73],"h2",{"id":72},"import","Import",[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 { VPlot } from '@memotux\u002Fvue-plot'\n","App.vue","ts","",[83,84,85],"code",{"__ignoreMap":81},[86,87,90,93,97,101,104,108,112,116],"span",{"class":88,"line":89},"line",1,[86,91,72],{"class":92},"su7sr",[86,94,96],{"class":95},"s4RQF"," {",[86,98,100],{"class":99},"sOCQP"," VPlot",[86,102,103],{"class":95}," }",[86,105,107],{"class":106},"seCTJ"," from",[86,109,111],{"class":110},"sou9m"," '",[86,113,115],{"class":114},"s9-zz","@memotux\u002Fvue-plot",[86,117,118],{"class":110},"'\n",[70,120,122],{"id":121},"usage","Usage",[75,124,128],{"className":125,"code":126,"filename":79,"language":127,"meta":81,"style":81},"language-vue shiki shiki-themes kanagawa-lotus material-theme kanagawa-dragon","\u003Ctemplate>\n  \u003CVPlot :width=\"680\" :marks=\"marks\" \u002F>\n\u003C\u002Ftemplate>\n","vue",[83,129,130,142,180],{"__ignoreMap":81},[86,131,132,135,139],{"class":88,"line":89},[86,133,134],{"class":95},"\u003C",[86,136,138],{"class":137},"sv6DF","template",[86,140,141],{"class":95},">\n",[86,143,145,148,150,154,157,160,163,165,168,170,172,175,177],{"class":88,"line":144},2,[86,146,147],{"class":95},"  \u003C",[86,149,49],{"class":137},[86,151,153],{"class":152},"sWKss"," :width",[86,155,156],{"class":95},"=",[86,158,159],{"class":110},"\"",[86,161,162],{"class":114},"680",[86,164,159],{"class":110},[86,166,167],{"class":152}," :marks",[86,169,156],{"class":95},[86,171,159],{"class":110},[86,173,174],{"class":114},"marks",[86,176,159],{"class":110},[86,178,179],{"class":95}," \u002F>\n",[86,181,183,186,188],{"class":88,"line":182},3,[86,184,185],{"class":95},"\u003C\u002F",[86,187,138],{"class":137},[86,189,141],{"class":95},[66,191,192],{},"Or with children:",[75,194,196],{"className":125,"code":195,"filename":79,"language":127,"meta":81,"style":81},"\u003Ctemplate>\n  \u003CVPlot :width=\"680\">\n    \u003CPlotBarY :data=\"data\" x=\"name\" y=\"value\" \u002F>\n  \u003C\u002FVPlot>\n\u003C\u002Ftemplate>\n",[83,197,198,206,224,270,280],{"__ignoreMap":81},[86,199,200,202,204],{"class":88,"line":89},[86,201,134],{"class":95},[86,203,138],{"class":137},[86,205,141],{"class":95},[86,207,208,210,212,214,216,218,220,222],{"class":88,"line":144},[86,209,147],{"class":95},[86,211,49],{"class":137},[86,213,153],{"class":152},[86,215,156],{"class":95},[86,217,159],{"class":110},[86,219,162],{"class":114},[86,221,159],{"class":110},[86,223,141],{"class":95},[86,225,226,229,232,235,237,239,242,244,247,249,251,254,256,259,261,263,266,268],{"class":88,"line":182},[86,227,228],{"class":95},"    \u003C",[86,230,231],{"class":137},"PlotBarY",[86,233,234],{"class":152}," :data",[86,236,156],{"class":95},[86,238,159],{"class":110},[86,240,241],{"class":114},"data",[86,243,159],{"class":110},[86,245,246],{"class":152}," x",[86,248,156],{"class":95},[86,250,159],{"class":110},[86,252,253],{"class":114},"name",[86,255,159],{"class":110},[86,257,258],{"class":152}," y",[86,260,156],{"class":95},[86,262,159],{"class":110},[86,264,265],{"class":114},"value",[86,267,159],{"class":110},[86,269,179],{"class":95},[86,271,273,276,278],{"class":88,"line":272},4,[86,274,275],{"class":95},"  \u003C\u002F",[86,277,49],{"class":137},[86,279,141],{"class":95},[86,281,283,285,287],{"class":88,"line":282},5,[86,284,185],{"class":95},[86,286,138],{"class":137},[86,288,141],{"class":95},[70,290,292],{"id":291},"props","Props",[66,294,295,297,298,301,302,304],{},[83,296,49],{}," accepts all properties from Observable Plot's ",[83,299,300],{},"PlotOptions",", plus the ",[83,303,174],{}," prop.",[306,307,309],"h3",{"id":308},"plot-options","Plot options",[311,312,313,332],"table",{},[314,315,316],"thead",{},[317,318,319,323,326,329],"tr",{},[320,321,322],"th",{},"Prop",[320,324,325],{},"Type",[320,327,328],{},"Default",[320,330,331],{},"Description",[333,334,335,354,370,387,402,417,432,449,466,485,502,518,534,550,566],"tbody",{},[317,336,337,343,348,351],{},[338,339,340],"td",{},[83,341,342],{},"width",[338,344,345],{},[83,346,347],{},"number",[338,349,350],{},"Auto",[338,352,353],{},"Width of the plot in pixels",[317,355,356,361,365,367],{},[338,357,358],{},[83,359,360],{},"height",[338,362,363],{},[83,364,347],{},[338,366,350],{},[338,368,369],{},"Height of the plot in pixels",[317,371,372,377,381,384],{},[338,373,374],{},[83,375,376],{},"marginTop",[338,378,379],{},[83,380,347],{},[338,382,383],{},"—",[338,385,386],{},"Inherits Observable Plot's default",[317,388,389,394,398,400],{},[338,390,391],{},[83,392,393],{},"marginRight",[338,395,396],{},[83,397,347],{},[338,399,383],{},[338,401,386],{},[317,403,404,409,413,415],{},[338,405,406],{},[83,407,408],{},"marginBottom",[338,410,411],{},[83,412,347],{},[338,414,383],{},[338,416,386],{},[317,418,419,424,428,430],{},[338,420,421],{},[83,422,423],{},"marginLeft",[338,425,426],{},[83,427,347],{},[338,429,383],{},[338,431,386],{},[317,433,434,439,444,446],{},[338,435,436],{},[83,437,438],{},"style",[338,440,441],{},[83,442,443],{},"object",[338,445,383],{},[338,447,448],{},"CSS styles applied to the SVG",[317,450,451,456,461,463],{},[338,452,453],{},[83,454,455],{},"className",[338,457,458],{},[83,459,460],{},"string",[338,462,383],{},[338,464,465],{},"CSS class applied to the SVG",[317,467,468,473,477,482],{},[338,469,470],{},[83,471,472],{},"aspectRatio",[338,474,475],{},[83,476,347],{},[338,478,479],{},[83,480,481],{},"null",[338,483,484],{},"SVG aspect ratio",[317,486,487,492,497,499],{},[338,488,489],{},[83,490,491],{},"clip",[338,493,494],{},[83,495,496],{},"boolean",[338,498,383],{},[338,500,501],{},"Clip marks to the frame",[317,503,504,509,513,515],{},[338,505,506],{},[83,507,508],{},"nice",[338,510,511],{},[83,512,496],{},[338,514,383],{},[338,516,517],{},"Round scales to nice values",[317,519,520,525,529,531],{},[338,521,522],{},[83,523,524],{},"zero",[338,526,527],{},[83,528,496],{},[338,530,383],{},[338,532,533],{},"Include zero in scales",[317,535,536,541,545,547],{},[338,537,538],{},[83,539,540],{},"round",[338,542,543],{},[83,544,496],{},[338,546,383],{},[338,548,549],{},"Round to integer pixels",[317,551,552,557,561,563],{},[338,553,554],{},[83,555,556],{},"axis",[338,558,559],{},[83,560,460],{},[338,562,383],{},[338,564,565],{},"Default axis label",[317,567,568,573,577,579],{},[338,569,570],{},[83,571,572],{},"grid",[338,574,575],{},[83,576,496],{},[338,578,383],{},[338,580,581],{},"Show grid lines",[306,583,585],{"id":584},"marks-prop","Marks prop",[311,587,588,598],{},[314,589,590],{},[317,591,592,594,596],{},[320,593,322],{},[320,595,325],{},[320,597,331],{},[333,599,600],{},[317,601,602,606,611],{},[338,603,604],{},[83,605,174],{},[338,607,608],{},[83,609,610],{},"RenderableMark[]",[338,612,613,614],{},"Array of mark functions from ",[83,615,616],{},"@observablehq\u002Fplot",[618,619,620,621,623,624,628],"note",{},"If ",[83,622,174],{}," are provided as both props and children, ",[625,626,627],"strong",{},"only children are rendered",".",[70,630,632],{"id":631},"types","Types",[75,634,637],{"className":77,"code":635,"filename":636,"language":80,"meta":81,"style":81},"import type { PlotProps } from '@memotux\u002Fvue-plot\u002Ftypes'\n\n\u002F\u002F VPlot accepts either PlotOptions or marks-based props\ntype PlotProps\u003CM extends Marks = Marks> = PlotOptions | PlotMarksProps\u003CM>\n","types.ts",[83,638,639,662,668,674],{"__ignoreMap":81},[86,640,641,643,646,648,651,653,655,657,660],{"class":88,"line":89},[86,642,72],{"class":92},[86,644,645],{"class":106}," type",[86,647,96],{"class":95},[86,649,650],{"class":99}," PlotProps",[86,652,103],{"class":95},[86,654,107],{"class":106},[86,656,111],{"class":110},[86,658,659],{"class":114},"@memotux\u002Fvue-plot\u002Ftypes",[86,661,118],{"class":110},[86,663,664],{"class":88,"line":144},[86,665,667],{"emptyLinePlaceholder":666},true,"\n",[86,669,670],{"class":88,"line":182},[86,671,673],{"class":672},"snOLt","\u002F\u002F VPlot accepts either PlotOptions or marks-based props\n",[86,675,676,679,682,684,687,690,693,697,699,702,704,707,710,713,715,717],{"class":88,"line":272},[86,677,678],{"class":152},"type",[86,680,650],{"class":681},"shhQM",[86,683,134],{"class":95},[86,685,686],{"class":681},"M",[86,688,689],{"class":152}," extends",[86,691,692],{"class":681}," Marks",[86,694,696],{"class":695},"sqN5v"," =",[86,698,692],{"class":681},[86,700,701],{"class":95},">",[86,703,696],{"class":695},[86,705,706],{"class":681}," PlotOptions",[86,708,709],{"class":695}," |",[86,711,712],{"class":681}," PlotMarksProps",[86,714,134],{"class":95},[86,716,686],{"class":681},[86,718,141],{"class":95},[70,720,722],{"id":721},"examples","Examples",[306,724,726],{"id":725},"basic-bar-chart","Basic bar chart",[75,728,730],{"className":125,"code":729,"filename":79,"language":127,"meta":81,"style":81},"\u003Cscript setup lang=\"ts\">\nimport { barY } from '@observablehq\u002Fplot'\n\nconst data = [\n  { name: 'A', value: 10 },\n  { name: 'B', value: 20 },\n  { name: 'C', value: 15 },\n]\n\n\u002F\u002F barY from @observablehq\u002Fplot — programmatic API\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVPlot :width=\"680\" :height=\"400\" :marks=\"[\n    barY(data, { x: 'name', y: 'value' })\n  ]\" \u002F>\n\u003C\u002Ftemplate>\n",[83,731,732,755,774,778,792,827,854,881,887,892,898,907,912,921,959,965,975],{"__ignoreMap":81},[86,733,734,736,739,742,745,747,749,751,753],{"class":88,"line":89},[86,735,134],{"class":95},[86,737,738],{"class":137},"script",[86,740,741],{"class":152}," setup",[86,743,744],{"class":152}," lang",[86,746,156],{"class":95},[86,748,159],{"class":110},[86,750,80],{"class":114},[86,752,159],{"class":110},[86,754,141],{"class":95},[86,756,757,759,761,764,766,768,770,772],{"class":88,"line":144},[86,758,72],{"class":92},[86,760,96],{"class":95},[86,762,763],{"class":99}," barY",[86,765,103],{"class":95},[86,767,107],{"class":106},[86,769,111],{"class":110},[86,771,616],{"class":114},[86,773,118],{"class":110},[86,775,776],{"class":88,"line":182},[86,777,667],{"emptyLinePlaceholder":666},[86,779,780,783,786,788],{"class":88,"line":272},[86,781,782],{"class":152},"const",[86,784,785],{"class":99}," data ",[86,787,156],{"class":695},[86,789,791],{"class":790},"sfkeP"," [\n",[86,793,794,797,801,804,806,809,812,815,818,820,824],{"class":88,"line":282},[86,795,796],{"class":95},"  {",[86,798,800],{"class":799},"sNH7Q"," name",[86,802,803],{"class":95},":",[86,805,111],{"class":110},[86,807,808],{"class":114},"A",[86,810,811],{"class":110},"'",[86,813,814],{"class":95},",",[86,816,817],{"class":799}," value",[86,819,803],{"class":95},[86,821,823],{"class":822},"svr3b"," 10",[86,825,826],{"class":95}," },\n",[86,828,830,832,834,836,838,841,843,845,847,849,852],{"class":88,"line":829},6,[86,831,796],{"class":95},[86,833,800],{"class":799},[86,835,803],{"class":95},[86,837,111],{"class":110},[86,839,840],{"class":114},"B",[86,842,811],{"class":110},[86,844,814],{"class":95},[86,846,817],{"class":799},[86,848,803],{"class":95},[86,850,851],{"class":822}," 20",[86,853,826],{"class":95},[86,855,857,859,861,863,865,868,870,872,874,876,879],{"class":88,"line":856},7,[86,858,796],{"class":95},[86,860,800],{"class":799},[86,862,803],{"class":95},[86,864,111],{"class":110},[86,866,867],{"class":114},"C",[86,869,811],{"class":110},[86,871,814],{"class":95},[86,873,817],{"class":799},[86,875,803],{"class":95},[86,877,878],{"class":822}," 15",[86,880,826],{"class":95},[86,882,884],{"class":88,"line":883},8,[86,885,886],{"class":790},"]\n",[86,888,890],{"class":88,"line":889},9,[86,891,667],{"emptyLinePlaceholder":666},[86,893,895],{"class":88,"line":894},10,[86,896,897],{"class":672},"\u002F\u002F barY from @observablehq\u002Fplot — programmatic API\n",[86,899,901,903,905],{"class":88,"line":900},11,[86,902,185],{"class":95},[86,904,738],{"class":137},[86,906,141],{"class":95},[86,908,910],{"class":88,"line":909},12,[86,911,667],{"emptyLinePlaceholder":666},[86,913,915,917,919],{"class":88,"line":914},13,[86,916,134],{"class":95},[86,918,138],{"class":137},[86,920,141],{"class":95},[86,922,924,926,928,930,932,934,936,938,941,943,945,948,950,952,954,956],{"class":88,"line":923},14,[86,925,147],{"class":95},[86,927,49],{"class":137},[86,929,153],{"class":152},[86,931,156],{"class":95},[86,933,159],{"class":110},[86,935,162],{"class":114},[86,937,159],{"class":110},[86,939,940],{"class":152}," :height",[86,942,156],{"class":95},[86,944,159],{"class":110},[86,946,947],{"class":114},"400",[86,949,159],{"class":110},[86,951,167],{"class":152},[86,953,156],{"class":95},[86,955,159],{"class":110},[86,957,958],{"class":114},"[\n",[86,960,962],{"class":88,"line":961},15,[86,963,964],{"class":114},"    barY(data, { x: 'name', y: 'value' })\n",[86,966,968,971,973],{"class":88,"line":967},16,[86,969,970],{"class":114},"  ]",[86,972,159],{"class":110},[86,974,179],{"class":95},[86,976,978,980,982],{"class":88,"line":977},17,[86,979,185],{"class":95},[86,981,138],{"class":137},[86,983,141],{"class":95},[306,985,987],{"id":986},"custom-margins","Custom margins",[75,989,991],{"className":125,"code":990,"filename":79,"language":127,"meta":81,"style":81},"\u003Ctemplate>\n  \u003CVPlot\n    :width=\"680\"\n    :height=\"400\"\n    :marginTop=\"40\"\n    :marginRight=\"40\"\n    :marginBottom=\"60\"\n    :marginLeft=\"80\"\n  >\n    \u003CPlotBarY :data=\"data\" x=\"name\" y=\"value\" \u002F>\n  \u003C\u002FVPlot>\n\u003C\u002Ftemplate>\n",[83,992,993,1001,1008,1022,1035,1049,1062,1076,1090,1095,1133,1141],{"__ignoreMap":81},[86,994,995,997,999],{"class":88,"line":89},[86,996,134],{"class":95},[86,998,138],{"class":137},[86,1000,141],{"class":95},[86,1002,1003,1005],{"class":88,"line":144},[86,1004,147],{"class":95},[86,1006,1007],{"class":137},"VPlot\n",[86,1009,1010,1013,1015,1017,1019],{"class":88,"line":182},[86,1011,1012],{"class":152},"    :width",[86,1014,156],{"class":95},[86,1016,159],{"class":110},[86,1018,162],{"class":114},[86,1020,1021],{"class":110},"\"\n",[86,1023,1024,1027,1029,1031,1033],{"class":88,"line":272},[86,1025,1026],{"class":152},"    :height",[86,1028,156],{"class":95},[86,1030,159],{"class":110},[86,1032,947],{"class":114},[86,1034,1021],{"class":110},[86,1036,1037,1040,1042,1044,1047],{"class":88,"line":282},[86,1038,1039],{"class":152},"    :marginTop",[86,1041,156],{"class":95},[86,1043,159],{"class":110},[86,1045,1046],{"class":114},"40",[86,1048,1021],{"class":110},[86,1050,1051,1054,1056,1058,1060],{"class":88,"line":829},[86,1052,1053],{"class":152},"    :marginRight",[86,1055,156],{"class":95},[86,1057,159],{"class":110},[86,1059,1046],{"class":114},[86,1061,1021],{"class":110},[86,1063,1064,1067,1069,1071,1074],{"class":88,"line":856},[86,1065,1066],{"class":152},"    :marginBottom",[86,1068,156],{"class":95},[86,1070,159],{"class":110},[86,1072,1073],{"class":114},"60",[86,1075,1021],{"class":110},[86,1077,1078,1081,1083,1085,1088],{"class":88,"line":883},[86,1079,1080],{"class":152},"    :marginLeft",[86,1082,156],{"class":95},[86,1084,159],{"class":110},[86,1086,1087],{"class":114},"80",[86,1089,1021],{"class":110},[86,1091,1092],{"class":88,"line":889},[86,1093,1094],{"class":95},"  >\n",[86,1096,1097,1099,1101,1103,1105,1107,1109,1111,1113,1115,1117,1119,1121,1123,1125,1127,1129,1131],{"class":88,"line":894},[86,1098,228],{"class":95},[86,1100,231],{"class":137},[86,1102,234],{"class":152},[86,1104,156],{"class":95},[86,1106,159],{"class":110},[86,1108,241],{"class":114},[86,1110,159],{"class":110},[86,1112,246],{"class":152},[86,1114,156],{"class":95},[86,1116,159],{"class":110},[86,1118,253],{"class":114},[86,1120,159],{"class":110},[86,1122,258],{"class":152},[86,1124,156],{"class":95},[86,1126,159],{"class":110},[86,1128,265],{"class":114},[86,1130,159],{"class":110},[86,1132,179],{"class":95},[86,1134,1135,1137,1139],{"class":88,"line":900},[86,1136,275],{"class":95},[86,1138,49],{"class":137},[86,1140,141],{"class":95},[86,1142,1143,1145,1147],{"class":88,"line":909},[86,1144,185],{"class":95},[86,1146,138],{"class":137},[86,1148,141],{"class":95},[306,1150,1152],{"id":1151},"responsive-width","Responsive width",[75,1154,1156],{"className":125,"code":1155,"filename":79,"language":127,"meta":81,"style":81},"\u003Cscript setup lang=\"ts\">\nimport { ref, onMounted } from 'vue'\n\nconst data = ref([\n  { name: 'A', value: 10 },\n  { name: 'B', value: 20 },\n  { name: 'C', value: 15 },\n])\nconst container = ref(null)\nconst width = ref(680)\n\nonMounted(() => {\n  const observer = new ResizeObserver(entries => {\n    width.value = entries[0].contentRect.width\n  })\n  observer.observe(container.value)\n})\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv ref=\"container\">\n    \u003CVPlot :width=\"width\">\n      \u003CPlotBarY :data=\"data\" x=\"name\" y=\"value\" \u002F>\n    \u003C\u002FVPlot>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[83,1157,1158,1178,1202,1206,1220,1244,1268,1292,1297,1317,1334,1338,1354,1381,1415,1422,1443,1450,1459,1464,1473,1493,1512,1552,1562,1571],{"__ignoreMap":81},[86,1159,1160,1162,1164,1166,1168,1170,1172,1174,1176],{"class":88,"line":89},[86,1161,134],{"class":95},[86,1163,738],{"class":137},[86,1165,741],{"class":152},[86,1167,744],{"class":152},[86,1169,156],{"class":95},[86,1171,159],{"class":110},[86,1173,80],{"class":114},[86,1175,159],{"class":110},[86,1177,141],{"class":95},[86,1179,1180,1182,1184,1187,1189,1192,1194,1196,1198,1200],{"class":88,"line":144},[86,1181,72],{"class":92},[86,1183,96],{"class":95},[86,1185,1186],{"class":99}," ref",[86,1188,814],{"class":95},[86,1190,1191],{"class":99}," onMounted",[86,1193,103],{"class":95},[86,1195,107],{"class":106},[86,1197,111],{"class":110},[86,1199,127],{"class":114},[86,1201,118],{"class":110},[86,1203,1204],{"class":88,"line":182},[86,1205,667],{"emptyLinePlaceholder":666},[86,1207,1208,1210,1212,1214,1217],{"class":88,"line":272},[86,1209,782],{"class":152},[86,1211,785],{"class":99},[86,1213,156],{"class":695},[86,1215,1186],{"class":1216},"sfbsL",[86,1218,1219],{"class":790},"([\n",[86,1221,1222,1224,1226,1228,1230,1232,1234,1236,1238,1240,1242],{"class":88,"line":282},[86,1223,796],{"class":95},[86,1225,800],{"class":799},[86,1227,803],{"class":95},[86,1229,111],{"class":110},[86,1231,808],{"class":114},[86,1233,811],{"class":110},[86,1235,814],{"class":95},[86,1237,817],{"class":799},[86,1239,803],{"class":95},[86,1241,823],{"class":822},[86,1243,826],{"class":95},[86,1245,1246,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266],{"class":88,"line":829},[86,1247,796],{"class":95},[86,1249,800],{"class":799},[86,1251,803],{"class":95},[86,1253,111],{"class":110},[86,1255,840],{"class":114},[86,1257,811],{"class":110},[86,1259,814],{"class":95},[86,1261,817],{"class":799},[86,1263,803],{"class":95},[86,1265,851],{"class":822},[86,1267,826],{"class":95},[86,1269,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1290],{"class":88,"line":856},[86,1271,796],{"class":95},[86,1273,800],{"class":799},[86,1275,803],{"class":95},[86,1277,111],{"class":110},[86,1279,867],{"class":114},[86,1281,811],{"class":110},[86,1283,814],{"class":95},[86,1285,817],{"class":799},[86,1287,803],{"class":95},[86,1289,878],{"class":822},[86,1291,826],{"class":95},[86,1293,1294],{"class":88,"line":883},[86,1295,1296],{"class":790},"])\n",[86,1298,1299,1301,1304,1306,1308,1311,1314],{"class":88,"line":889},[86,1300,782],{"class":152},[86,1302,1303],{"class":99}," container ",[86,1305,156],{"class":695},[86,1307,1186],{"class":1216},[86,1309,1310],{"class":790},"(",[86,1312,481],{"class":1313},"sAUSp",[86,1315,1316],{"class":790},")\n",[86,1318,1319,1321,1324,1326,1328,1330,1332],{"class":88,"line":894},[86,1320,782],{"class":152},[86,1322,1323],{"class":99}," width ",[86,1325,156],{"class":695},[86,1327,1186],{"class":1216},[86,1329,1310],{"class":790},[86,1331,162],{"class":822},[86,1333,1316],{"class":790},[86,1335,1336],{"class":88,"line":900},[86,1337,667],{"emptyLinePlaceholder":666},[86,1339,1340,1343,1345,1348,1351],{"class":88,"line":909},[86,1341,1342],{"class":1216},"onMounted",[86,1344,1310],{"class":790},[86,1346,1347],{"class":95},"()",[86,1349,1350],{"class":152}," =>",[86,1352,1353],{"class":95}," {\n",[86,1355,1356,1359,1362,1364,1367,1370,1373,1377,1379],{"class":88,"line":914},[86,1357,1358],{"class":152},"  const",[86,1360,1361],{"class":99}," observer",[86,1363,696],{"class":695},[86,1365,1366],{"class":695}," new",[86,1368,1369],{"class":1216}," ResizeObserver",[86,1371,1310],{"class":1372},"s7e5W",[86,1374,1376],{"class":1375},"sW-6-","entries",[86,1378,1350],{"class":152},[86,1380,1353],{"class":95},[86,1382,1383,1386,1388,1391,1393,1396,1399,1402,1405,1407,1410,1412],{"class":88,"line":923},[86,1384,1385],{"class":99},"    width",[86,1387,628],{"class":95},[86,1389,265],{"class":1390},"smkSw",[86,1392,696],{"class":695},[86,1394,1395],{"class":99}," entries",[86,1397,1398],{"class":1372},"[",[86,1400,1401],{"class":822},"0",[86,1403,1404],{"class":1372},"]",[86,1406,628],{"class":95},[86,1408,1409],{"class":99},"contentRect",[86,1411,628],{"class":95},[86,1413,1414],{"class":1390},"width\n",[86,1416,1417,1420],{"class":88,"line":961},[86,1418,1419],{"class":95},"  }",[86,1421,1316],{"class":1372},[86,1423,1424,1427,1429,1432,1434,1437,1439,1441],{"class":88,"line":967},[86,1425,1426],{"class":99},"  observer",[86,1428,628],{"class":95},[86,1430,1431],{"class":1216},"observe",[86,1433,1310],{"class":1372},[86,1435,1436],{"class":99},"container",[86,1438,628],{"class":95},[86,1440,265],{"class":1390},[86,1442,1316],{"class":1372},[86,1444,1445,1448],{"class":88,"line":977},[86,1446,1447],{"class":95},"}",[86,1449,1316],{"class":790},[86,1451,1453,1455,1457],{"class":88,"line":1452},18,[86,1454,185],{"class":95},[86,1456,738],{"class":137},[86,1458,141],{"class":95},[86,1460,1462],{"class":88,"line":1461},19,[86,1463,667],{"emptyLinePlaceholder":666},[86,1465,1467,1469,1471],{"class":88,"line":1466},20,[86,1468,134],{"class":95},[86,1470,138],{"class":137},[86,1472,141],{"class":95},[86,1474,1476,1478,1481,1483,1485,1487,1489,1491],{"class":88,"line":1475},21,[86,1477,147],{"class":95},[86,1479,1480],{"class":137},"div",[86,1482,1186],{"class":152},[86,1484,156],{"class":95},[86,1486,159],{"class":110},[86,1488,1436],{"class":114},[86,1490,159],{"class":110},[86,1492,141],{"class":95},[86,1494,1496,1498,1500,1502,1504,1506,1508,1510],{"class":88,"line":1495},22,[86,1497,228],{"class":95},[86,1499,49],{"class":137},[86,1501,153],{"class":152},[86,1503,156],{"class":95},[86,1505,159],{"class":110},[86,1507,342],{"class":114},[86,1509,159],{"class":110},[86,1511,141],{"class":95},[86,1513,1515,1518,1520,1522,1524,1526,1528,1530,1532,1534,1536,1538,1540,1542,1544,1546,1548,1550],{"class":88,"line":1514},23,[86,1516,1517],{"class":95},"      \u003C",[86,1519,231],{"class":137},[86,1521,234],{"class":152},[86,1523,156],{"class":95},[86,1525,159],{"class":110},[86,1527,241],{"class":114},[86,1529,159],{"class":110},[86,1531,246],{"class":152},[86,1533,156],{"class":95},[86,1535,159],{"class":110},[86,1537,253],{"class":114},[86,1539,159],{"class":110},[86,1541,258],{"class":152},[86,1543,156],{"class":95},[86,1545,159],{"class":110},[86,1547,265],{"class":114},[86,1549,159],{"class":110},[86,1551,179],{"class":95},[86,1553,1555,1558,1560],{"class":88,"line":1554},24,[86,1556,1557],{"class":95},"    \u003C\u002F",[86,1559,49],{"class":137},[86,1561,141],{"class":95},[86,1563,1565,1567,1569],{"class":88,"line":1564},25,[86,1566,275],{"class":95},[86,1568,1480],{"class":137},[86,1570,141],{"class":95},[86,1572,1574,1576,1578],{"class":88,"line":1573},26,[86,1575,185],{"class":95},[86,1577,138],{"class":137},[86,1579,141],{"class":95},[70,1581,1583],{"id":1582},"whats-next","What's next?",[1585,1586,1587,1594],"ul",{},[1588,1589,1590,1593],"li",{},[1591,1592,53],"a",{"href":54}," — All available mark components",[1588,1595,1596,1598],{},[1591,1597,57],{"href":58}," — Type definitions and usage",[438,1600,1601],{},"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 .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 .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 .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 .sv6DF, html code.shiki .sv6DF{--shiki-light:#77713F;--shiki-default:#F07178;--shiki-dark:#C4B28A}html pre.shiki code .sWKss, html code.shiki .sWKss{--shiki-light:#624C83;--shiki-default:#C792EA;--shiki-dark:#8992A7}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 .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 .sfkeP, html code.shiki .sfkeP{--shiki-light:#4E8CA2;--shiki-default:#EEFFFF;--shiki-dark:#9E9B93}html pre.shiki code .sNH7Q, html code.shiki .sNH7Q{--shiki-light:#545464;--shiki-default:#F07178;--shiki-dark:#C5C9C5}html pre.shiki code .svr3b, html code.shiki .svr3b{--shiki-light:#B35B79;--shiki-default:#F78C6C;--shiki-dark:#A292A3}html pre.shiki code .sfbsL, html code.shiki .sfbsL{--shiki-light:#4D699B;--shiki-default:#82AAFF;--shiki-dark:#8BA4B0}html pre.shiki code .sAUSp, html code.shiki .sAUSp{--shiki-light:#CC6D00;--shiki-default:#89DDFF;--shiki-dark:#B6927B}html pre.shiki code .s7e5W, html code.shiki .s7e5W{--shiki-light:#4E8CA2;--shiki-default:#F07178;--shiki-dark:#9E9B93}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 .smkSw, html code.shiki .smkSw{--shiki-light:#77713F;--shiki-default:#EEFFFF;--shiki-dark:#C4B28A}",{"title":81,"searchDepth":144,"depth":144,"links":1603},[1604,1605,1606,1610,1611,1616],{"id":72,"depth":144,"text":73},{"id":121,"depth":144,"text":122},{"id":291,"depth":144,"text":292,"children":1607},[1608,1609],{"id":308,"depth":182,"text":309},{"id":584,"depth":182,"text":585},{"id":631,"depth":144,"text":632},{"id":721,"depth":144,"text":722,"children":1612},[1613,1614,1615],{"id":725,"depth":182,"text":726},{"id":986,"depth":182,"text":987},{"id":1151,"depth":182,"text":1152},{"id":1582,"depth":144,"text":1583},"Explore the VPlot component API — props from Observable Plot's PlotOptions, the marks prop, responsive sizing, and usage examples.\n","md",null,{},{"title":1622,"description":1623},"VPlot API — Main Chart Component Props, Slots, and Usage","Explore the VPlot component API — every PlotOptions prop, the marks prop, responsive sizing, and type-safe usage examples for your charts.","W4i1yec9wX4qXig5lnzY6gsHwk0kHG5YwwdtX0Py1A8",[1626,1628],{"title":40,"path":41,"stem":42,"description":1627,"children":-1},"Install and configure the @memotux\u002Fnuxt-vue-plot module for auto-imports, custom-element compilation, and SSR-compatible chart rendering in Nuxt.\n",{"title":53,"path":54,"stem":55,"description":1629,"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]