[{"data":1,"prerenderedAt":1205},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-introduction":279,"-getting-started-introduction-surround":1202},[4,26,112,211],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Migrate from 0.6","\u002Fgetting-started\u002Fmigration","1.getting-started\u002F3.migration","i-lucide-arrow-up-circle",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[32,37,42,47,52,57,62,67,72,77,82,87,92,97,102,107],{"title":33,"path":34,"stem":35,"icon":36},"Customize","\u002Fguides\u002Fcustomize","2.guides\u002F01.customize","i-lucide-paintbrush",{"title":38,"path":39,"stem":40,"icon":41},"Axis Domain and Ticks","\u002Fguides\u002Faxis-domain-and-ticks","2.guides\u002F03.axis-domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Chart Size","\u002Fguides\u002Fchart-size","2.guides\u002F05.chart-size","i-lucide-maximize",{"title":48,"path":49,"stem":50,"icon":51},"Z-Order and Layers","\u002Fguides\u002Fz-order-and-layers","2.guides\u002F06.z-order-and-layers","i-lucide-layers",{"title":53,"path":54,"stem":55,"icon":56},"Coordinate Systems","\u002Fguides\u002Fcoordinate-systems","2.guides\u002F07.coordinate-systems","i-lucide-crosshair",{"title":58,"path":59,"stem":60,"icon":61},"Performance","\u002Fguides\u002Fperformance","2.guides\u002F08.performance","i-lucide-zap",{"title":63,"path":64,"stem":65,"icon":66},"Rounded Bar Corners","\u002Fguides\u002Frounded-bar-corners","2.guides\u002F09.rounded-bar-corners","i-lucide-square",{"title":68,"path":69,"stem":70,"icon":71},"Bar Alignment","\u002Fguides\u002Fbar-alignment","2.guides\u002F10.bar-alignment","i-lucide-align-center",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt and SSR","\u002Fguides\u002Fnuxt-and-ssr","2.guides\u002F11.nuxt-and-ssr","i-lucide-server",{"title":78,"path":79,"stem":80,"icon":81},"Animation","\u002Fguides\u002Fanimation","2.guides\u002F12.animation","i-lucide-sparkles",{"title":83,"path":84,"stem":85,"icon":86},"Events and v-model","\u002Fguides\u002Fevents-and-models","2.guides\u002F13.events-and-models","i-lucide-mouse-pointer-click",{"title":88,"path":89,"stem":90,"icon":91},"TypeScript","\u002Fguides\u002Ftypescript","2.guides\u002F14.typescript","i-lucide-file-code",{"title":93,"path":94,"stem":95,"icon":96},"Theming and dark mode","\u002Fguides\u002Ftheming","2.guides\u002F15.theming","i-lucide-palette",{"title":98,"path":99,"stem":100,"icon":101},"shadcn-vue","\u002Fguides\u002Fshadcn-vue","2.guides\u002F16.shadcn-vue","i-lucide-component",{"title":103,"path":104,"stem":105,"icon":106},"Dashboard recipes","\u002Fguides\u002Fdashboard-recipes","2.guides\u002F17.dashboard-recipes","i-lucide-layout-dashboard",{"title":108,"path":109,"stem":110,"icon":111},"Accessibility","\u002Fguides\u002Faccessibility","2.guides\u002F18.accessibility","i-lucide-accessibility",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":25},"Charts","i-lucide-bar-chart-3","\u002Fcharts","3.charts",[118,123,128,133,138,143,148,153,158,163,167,172,177,182,187,192,197,201,206],{"title":119,"path":120,"stem":121,"icon":122},"Chart Containers","\u002Fcharts\u002Fchart-containers","3.charts\u002F0.chart-containers","i-lucide-box",{"title":124,"path":125,"stem":126,"icon":127},"Area Chart","\u002Fcharts\u002Farea-chart","3.charts\u002F01.area-chart","i-lucide-area-chart",{"title":129,"path":130,"stem":131,"icon":132},"Bar Chart","\u002Fcharts\u002Fbar-chart","3.charts\u002F02.bar-chart","i-lucide-bar-chart",{"title":134,"path":135,"stem":136,"icon":137},"Line Chart","\u002Fcharts\u002Fline-chart","3.charts\u002F03.line-chart","i-lucide-trending-up",{"title":139,"path":140,"stem":141,"icon":142},"Pie Chart","\u002Fcharts\u002Fpie-chart","3.charts\u002F04.pie-chart","i-lucide-pie-chart",{"title":144,"path":145,"stem":146,"icon":147},"Radar Chart","\u002Fcharts\u002Fradar-chart","3.charts\u002F05.radar-chart","i-lucide-radar",{"title":149,"path":150,"stem":151,"icon":152},"Radial Bar Chart","\u002Fcharts\u002Fradial-bar-chart","3.charts\u002F06.radial-bar-chart","i-lucide-circle-dot",{"title":154,"path":155,"stem":156,"icon":157},"Scatter Chart","\u002Fcharts\u002Fscatter-chart","3.charts\u002F07.scatter-chart","i-lucide-scatter-chart",{"title":159,"path":160,"stem":161,"icon":162},"Funnel Chart","\u002Fcharts\u002Ffunnel-chart","3.charts\u002F08.funnel-chart","i-lucide-filter",{"title":164,"path":165,"stem":166,"icon":51},"Composed Chart","\u002Fcharts\u002Fcomposed-chart","3.charts\u002F09.composed-chart",{"title":168,"path":169,"stem":170,"icon":171},"Treemap","\u002Fcharts\u002Ftreemap","3.charts\u002F10.treemap","i-lucide-layout-grid",{"title":173,"path":174,"stem":175,"icon":176},"Sunburst Chart","\u002Fcharts\u002Fsunburst-chart","3.charts\u002F11.sunburst-chart","i-lucide-sun",{"title":178,"path":179,"stem":180,"icon":181},"Sankey","\u002Fcharts\u002Fsankey","3.charts\u002F12.sankey","i-lucide-git-fork",{"title":183,"path":184,"stem":185,"icon":186},"Tracker","\u002Fcharts\u002Ftracker","3.charts\u002F13.tracker","i-lucide-activity",{"title":188,"path":189,"stem":190,"icon":191},"Calendar Heatmap","\u002Fcharts\u002Fcalendar-heatmap","3.charts\u002F14.calendar-heatmap","i-lucide-calendar-days",{"title":193,"path":194,"stem":195,"icon":196},"Heatmap and CohortChart","\u002Fcharts\u002Fheatmap","3.charts\u002F15.heatmap","i-lucide-grid-3x3",{"title":198,"path":199,"stem":200,"icon":137},"Sparkline","\u002Fcharts\u002Fsparkline","3.charts\u002F16.sparkline",{"title":202,"path":203,"stem":204,"icon":205},"Bar List","\u002Fcharts\u002Fbar-list","3.charts\u002F17.bar-list","i-lucide-list-ordered",{"title":207,"path":208,"stem":209,"icon":210},"Journey Sankey","\u002Fcharts\u002Fjourney-sankey","3.charts\u002F18.journey-sankey","i-lucide-split",{"title":212,"icon":213,"path":214,"stem":215,"children":216,"page":25},"Components","i-lucide-code","\u002Fcomponents","4.components",[217,222,227,231,236,240,245,249,254,259,264,269,274],{"title":218,"path":219,"stem":220,"icon":221},"Tooltip","\u002Fcomponents\u002Ftooltip","4.components\u002F01.tooltip","i-lucide-message-square",{"title":223,"path":224,"stem":225,"icon":226},"Legend","\u002Fcomponents\u002Flegend","4.components\u002F02.legend","i-lucide-list",{"title":228,"path":229,"stem":230,"icon":196},"CartesianGrid","\u002Fcomponents\u002Fcartesian-grid","4.components\u002F03.cartesian-grid",{"title":232,"path":233,"stem":234,"icon":235},"Axes","\u002Fcomponents\u002Faxis","4.components\u002F04.axis","i-lucide-move",{"title":237,"path":238,"stem":239,"icon":147},"Polar Axes and Grid","\u002Fcomponents\u002Fpolar-axes","4.components\u002F05.polar-axes",{"title":241,"path":242,"stem":243,"icon":244},"Brush","\u002Fcomponents\u002Fbrush","4.components\u002F06.brush","i-lucide-sliders-horizontal",{"title":246,"path":247,"stem":248,"icon":56},"Reference Elements","\u002Fcomponents\u002Freference-elements","4.components\u002F07.reference-elements",{"title":250,"path":251,"stem":252,"icon":253},"ErrorBar","\u002Fcomponents\u002Ferror-bar","4.components\u002F08.error-bar","i-lucide-chevrons-up-down",{"title":255,"path":256,"stem":257,"icon":258},"Labels and Cell","\u002Fcomponents\u002Flabels","4.components\u002F09.labels","i-lucide-tag",{"title":260,"path":261,"stem":262,"icon":263},"Text","\u002Fcomponents\u002Ftext","4.components\u002F10.text","i-lucide-type",{"title":265,"path":266,"stem":267,"icon":268},"Shapes","\u002Fcomponents\u002Fshapes","4.components\u002F11.shapes","i-lucide-shapes",{"title":270,"path":271,"stem":272,"icon":273},"Composables","\u002Fcomponents\u002Fcomposables","4.components\u002F12.composables","i-lucide-function-square",{"title":275,"path":276,"stem":277,"icon":278},"Custom overlays","\u002Fcomponents\u002Fcustom-overlays","4.components\u002F13.custom-overlays","i-lucide-pencil-ruler",{"id":280,"title":11,"body":281,"description":1195,"extension":1196,"links":1197,"meta":1198,"navigation":1199,"path":12,"seo":1200,"stem":13,"__hash__":1201},"docs\u002F1.getting-started\u002F1.introduction.md",{"type":282,"value":283,"toc":1188},"minimark",[284,300,305,324,327,438,535,539,645,649,652,666,670,1184],[285,286,287,291,292,299],"p",{},[288,289,290],"strong",{},"vccs"," is an unofficial Vue 3 port of ",[293,294,298],"a",{"href":295,"rel":296},"https:\u002F\u002Frecharts.org\u002F",[297],"nofollow","Recharts",". You build a chart\nfrom components, and each component owns one part of it.",[301,302,304],"h2",{"id":303},"what-is-vccs","What is vccs?",[285,306,307,308,312,313,312,316,319,320,323],{},"vccs brings the component-based charting of Recharts to Vue 3. Instead of one large options\nobject, you compose a chart from components such as ",[309,310,311],"code",{},"\u003CAreaChart>",", ",[309,314,315],{},"\u003CBar>",[309,317,318],{},"\u003CLine>"," and\n",[309,321,322],{},"\u003CTooltip>",", and customize parts with slots.",[301,325,113],{"id":326},"charts",[328,329,330,343],"table",{},[331,332,333],"thead",{},[334,335,336,340],"tr",{},[337,338,339],"th",{},"From Recharts",[337,341,342],{},"Component",[344,345,346,374,386,408,420],"tbody",{},[334,347,348,352],{},[349,350,351],"td",{},"Area, Bar, Line, Scatter",[349,353,354,312,359,312,364,312,369],{},[293,355,356],{"href":125},[309,357,358],{},"AreaChart",[293,360,361],{"href":130},[309,362,363],{},"BarChart",[293,365,366],{"href":135},[309,367,368],{},"LineChart",[293,370,371],{"href":155},[309,372,373],{},"ScatterChart",[334,375,376,379],{},[349,377,378],{},"Mixed series",[349,380,381],{},[293,382,383],{"href":165},[309,384,385],{},"ComposedChart",[334,387,388,391],{},[349,389,390],{},"Pie, Radar, Radial bar",[349,392,393,312,398,312,403],{},[293,394,395],{"href":140},[309,396,397],{},"PieChart",[293,399,400],{"href":145},[309,401,402],{},"RadarChart",[293,404,405],{"href":150},[309,406,407],{},"RadialBarChart",[334,409,410,413],{},[349,411,412],{},"Funnel",[349,414,415],{},[293,416,417],{"href":160},[309,418,419],{},"FunnelChart",[334,421,422,425],{},[349,423,424],{},"Hierarchy and flow",[349,426,427,312,431,312,434],{},[293,428,429],{"href":169},[309,430,168],{},[309,432,433],{},"SunburstChart",[293,435,436],{"href":179},[309,437,178],{},[328,439,440,450],{},[331,441,442],{},[334,443,444,447],{},[337,445,446],{},"Added by vccs",[337,448,449],{},"Use it for",[344,451,452,464,475,486,498,510,523],{},[334,453,454,461],{},[349,455,456],{},[293,457,458],{"href":203},[309,459,460],{},"BarList",[349,462,463],{},"Ranked lists with inline bars",[334,465,466,472],{},[349,467,468],{},[293,469,470],{"href":199},[309,471,198],{},[349,473,474],{},"Small trend lines inside text or tables",[334,476,477,483],{},[349,478,479],{},[293,480,481],{"href":184},[309,482,183],{},[349,484,485],{},"Status over time, one block per period",[334,487,488,495],{},[349,489,490],{},[293,491,492],{"href":194},[309,493,494],{},"Heatmap",[349,496,497],{},"Values on a grid of two categories",[334,499,500,507],{},[349,501,502],{},[293,503,504],{"href":189},[309,505,506],{},"CalendarHeatmap",[349,508,509],{},"Daily values over a year",[334,511,512,520],{},[349,513,514],{},[293,515,517],{"href":516},"\u002Fcharts\u002Fheatmap#cohort-retention",[309,518,519],{},"CohortChart",[349,521,522],{},"Retention by cohort and period",[334,524,525,532],{},[349,526,527],{},[293,528,529],{"href":208},[309,530,531],{},"JourneySankey",[349,533,534],{},"Paths that users take, step by step",[301,536,538],{"id":537},"what-works-the-vue-way","What works the Vue way",[540,541,542,586,592,601,614,624,630,639],"ul",{},[543,544,545,548,549,552,553,312,555,312,558,561,562,312,564,312,566,312,568,312,570,572,573,576,577,579,580,552,583,585],"li",{},[288,546,547],{},"Models:"," ",[309,550,551],{},"v-model:active-index"," on ",[309,554,218],{},[309,556,557],{},"Bar",[309,559,560],{},"Pie"," and the standalone charts\n(",[309,563,198],{},[309,565,183],{},[309,567,494],{},[309,569,519],{},[309,571,506],{},"); ",[309,574,575],{},"v-model:range"," on\n",[309,578,241],{},"; ",[309,581,582],{},"v-model:hidden",[309,584,223],{},".",[543,587,588,591],{},[288,589,590],{},"Slots:"," custom shapes, dots, ticks, labels and tooltip content are named slots.",[543,593,594,597,598,585],{},[288,595,596],{},"Events:"," typed Vue events; item events receive ",[309,599,600],{},"(item, index, event)",[543,602,603,548,606,609,610,613],{},[288,604,605],{},"Typed rows:",[309,607,608],{},"defineChartComponents\u003CRow>()"," checks ",[309,611,612],{},"data-key"," and types tooltip payloads.",[543,615,616,619,620,623],{},[288,617,618],{},"Synchronized charts:"," charts with the same ",[309,621,622],{},"sync-id"," share the tooltip and the Brush range.",[543,625,626,629],{},[288,627,628],{},"Server rendering:"," charts render on the server and hydrate without layout jumps.",[543,631,632,635,636,585],{},[288,633,634],{},"Motion:"," enter, update and exit animations that follow ",[309,637,638],{},"prefers-reduced-motion",[543,640,641,644],{},[288,642,643],{},"Accessibility:"," every chart has an accessible name, and item charts support the keyboard.",[301,646,648],{"id":647},"when-to-use-vccs","When to use vccs",[285,650,651],{},"Use vccs when you need to:",[540,653,654,657,660,663],{},[543,655,656],{},"Add data visualization to a Vue 3 application",[543,658,659],{},"Migrate existing Recharts code from React to Vue",[543,661,662],{},"Build interactive, animated charts with a composable API",[543,664,665],{},"Customize chart appearance beyond what config-driven libraries offer",[301,667,669],{"id":668},"quick-example","Quick example",[671,672,678],"pre",{"className":673,"code":674,"filename":675,"language":676,"meta":677,"style":677},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport { Area, AreaChart, CartesianGrid, Tooltip, XAxis, YAxis } from 'vccs'\n\nconst data = [\n  { name: 'Jan', uv: 4000 },\n  { name: 'Feb', uv: 3000 },\n  { name: 'Mar', uv: 2000 },\n  { name: 'Apr', uv: 2780 },\n  { name: 'May', uv: 1890 },\n  { name: 'Jun', uv: 2390 },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CAreaChart\n    :data=\"data\"\n    :height=\"300\"\n  >\n    \u003CCartesianGrid stroke-dasharray=\"3 3\" \u002F>\n    \u003CXAxis data-key=\"name\" \u002F>\n    \u003CYAxis \u002F>\n    \u003CTooltip \u002F>\n    \u003CArea\n      type=\"monotone\"\n      data-key=\"uv\"\n      stroke=\"#f97316\"\n      fill=\"#f97316\"\n    \u002F>\n  \u003C\u002FAreaChart>\n\u003C\u002Ftemplate>\n","App.vue","vue","",[309,679,680,700,755,762,777,811,838,865,892,919,946,952,962,967,977,986,1005,1022,1028,1051,1073,1083,1092,1100,1115,1130,1145,1159,1165,1175],{"__ignoreMap":677},[681,682,685,689,693,697],"span",{"class":683,"line":684},"line",1,[681,686,688],{"class":687},"sMK4o","\u003C",[681,690,692],{"class":691},"swJcz","script",[681,694,696],{"class":695},"spNyl"," setup",[681,698,699],{"class":687},">\n",[681,701,703,707,710,714,717,720,722,725,727,730,732,735,737,740,743,746,749,752],{"class":683,"line":702},2,[681,704,706],{"class":705},"s7zQu","import",[681,708,709],{"class":687}," {",[681,711,713],{"class":712},"sTEyZ"," Area",[681,715,716],{"class":687},",",[681,718,719],{"class":712}," AreaChart",[681,721,716],{"class":687},[681,723,724],{"class":712}," CartesianGrid",[681,726,716],{"class":687},[681,728,729],{"class":712}," Tooltip",[681,731,716],{"class":687},[681,733,734],{"class":712}," XAxis",[681,736,716],{"class":687},[681,738,739],{"class":712}," YAxis",[681,741,742],{"class":687}," }",[681,744,745],{"class":705}," from",[681,747,748],{"class":687}," '",[681,750,290],{"class":751},"sfazB",[681,753,754],{"class":687},"'\n",[681,756,758],{"class":683,"line":757},3,[681,759,761],{"emptyLinePlaceholder":760},true,"\n",[681,763,765,768,771,774],{"class":683,"line":764},4,[681,766,767],{"class":695},"const",[681,769,770],{"class":712}," data ",[681,772,773],{"class":687},"=",[681,775,776],{"class":712}," [\n",[681,778,780,783,786,789,791,794,797,799,802,804,808],{"class":683,"line":779},5,[681,781,782],{"class":687},"  {",[681,784,785],{"class":691}," name",[681,787,788],{"class":687},":",[681,790,748],{"class":687},[681,792,793],{"class":751},"Jan",[681,795,796],{"class":687},"'",[681,798,716],{"class":687},[681,800,801],{"class":691}," uv",[681,803,788],{"class":687},[681,805,807],{"class":806},"sbssI"," 4000",[681,809,810],{"class":687}," },\n",[681,812,814,816,818,820,822,825,827,829,831,833,836],{"class":683,"line":813},6,[681,815,782],{"class":687},[681,817,785],{"class":691},[681,819,788],{"class":687},[681,821,748],{"class":687},[681,823,824],{"class":751},"Feb",[681,826,796],{"class":687},[681,828,716],{"class":687},[681,830,801],{"class":691},[681,832,788],{"class":687},[681,834,835],{"class":806}," 3000",[681,837,810],{"class":687},[681,839,841,843,845,847,849,852,854,856,858,860,863],{"class":683,"line":840},7,[681,842,782],{"class":687},[681,844,785],{"class":691},[681,846,788],{"class":687},[681,848,748],{"class":687},[681,850,851],{"class":751},"Mar",[681,853,796],{"class":687},[681,855,716],{"class":687},[681,857,801],{"class":691},[681,859,788],{"class":687},[681,861,862],{"class":806}," 2000",[681,864,810],{"class":687},[681,866,868,870,872,874,876,879,881,883,885,887,890],{"class":683,"line":867},8,[681,869,782],{"class":687},[681,871,785],{"class":691},[681,873,788],{"class":687},[681,875,748],{"class":687},[681,877,878],{"class":751},"Apr",[681,880,796],{"class":687},[681,882,716],{"class":687},[681,884,801],{"class":691},[681,886,788],{"class":687},[681,888,889],{"class":806}," 2780",[681,891,810],{"class":687},[681,893,895,897,899,901,903,906,908,910,912,914,917],{"class":683,"line":894},9,[681,896,782],{"class":687},[681,898,785],{"class":691},[681,900,788],{"class":687},[681,902,748],{"class":687},[681,904,905],{"class":751},"May",[681,907,796],{"class":687},[681,909,716],{"class":687},[681,911,801],{"class":691},[681,913,788],{"class":687},[681,915,916],{"class":806}," 1890",[681,918,810],{"class":687},[681,920,922,924,926,928,930,933,935,937,939,941,944],{"class":683,"line":921},10,[681,923,782],{"class":687},[681,925,785],{"class":691},[681,927,788],{"class":687},[681,929,748],{"class":687},[681,931,932],{"class":751},"Jun",[681,934,796],{"class":687},[681,936,716],{"class":687},[681,938,801],{"class":691},[681,940,788],{"class":687},[681,942,943],{"class":806}," 2390",[681,945,810],{"class":687},[681,947,949],{"class":683,"line":948},11,[681,950,951],{"class":712},"]\n",[681,953,955,958,960],{"class":683,"line":954},12,[681,956,957],{"class":687},"\u003C\u002F",[681,959,692],{"class":691},[681,961,699],{"class":687},[681,963,965],{"class":683,"line":964},13,[681,966,761],{"emptyLinePlaceholder":760},[681,968,970,972,975],{"class":683,"line":969},14,[681,971,688],{"class":687},[681,973,974],{"class":691},"template",[681,976,699],{"class":687},[681,978,980,983],{"class":683,"line":979},15,[681,981,982],{"class":687},"  \u003C",[681,984,985],{"class":691},"AreaChart\n",[681,987,989,992,995,997,1000,1002],{"class":683,"line":988},16,[681,990,991],{"class":687},"    :",[681,993,994],{"class":695},"data",[681,996,773],{"class":687},[681,998,999],{"class":687},"\"",[681,1001,994],{"class":712},[681,1003,1004],{"class":687},"\"\n",[681,1006,1008,1010,1013,1015,1017,1020],{"class":683,"line":1007},17,[681,1009,991],{"class":687},[681,1011,1012],{"class":695},"height",[681,1014,773],{"class":687},[681,1016,999],{"class":687},[681,1018,1019],{"class":806},"300",[681,1021,1004],{"class":687},[681,1023,1025],{"class":683,"line":1024},18,[681,1026,1027],{"class":687},"  >\n",[681,1029,1031,1034,1036,1039,1041,1043,1046,1048],{"class":683,"line":1030},19,[681,1032,1033],{"class":687},"    \u003C",[681,1035,228],{"class":691},[681,1037,1038],{"class":695}," stroke-dasharray",[681,1040,773],{"class":687},[681,1042,999],{"class":687},[681,1044,1045],{"class":751},"3 3",[681,1047,999],{"class":687},[681,1049,1050],{"class":687}," \u002F>\n",[681,1052,1054,1056,1059,1062,1064,1066,1069,1071],{"class":683,"line":1053},20,[681,1055,1033],{"class":687},[681,1057,1058],{"class":691},"XAxis",[681,1060,1061],{"class":695}," data-key",[681,1063,773],{"class":687},[681,1065,999],{"class":687},[681,1067,1068],{"class":751},"name",[681,1070,999],{"class":687},[681,1072,1050],{"class":687},[681,1074,1076,1078,1081],{"class":683,"line":1075},21,[681,1077,1033],{"class":687},[681,1079,1080],{"class":691},"YAxis",[681,1082,1050],{"class":687},[681,1084,1086,1088,1090],{"class":683,"line":1085},22,[681,1087,1033],{"class":687},[681,1089,218],{"class":691},[681,1091,1050],{"class":687},[681,1093,1095,1097],{"class":683,"line":1094},23,[681,1096,1033],{"class":687},[681,1098,1099],{"class":691},"Area\n",[681,1101,1103,1106,1108,1110,1113],{"class":683,"line":1102},24,[681,1104,1105],{"class":695},"      type",[681,1107,773],{"class":687},[681,1109,999],{"class":687},[681,1111,1112],{"class":751},"monotone",[681,1114,1004],{"class":687},[681,1116,1118,1121,1123,1125,1128],{"class":683,"line":1117},25,[681,1119,1120],{"class":695},"      data-key",[681,1122,773],{"class":687},[681,1124,999],{"class":687},[681,1126,1127],{"class":751},"uv",[681,1129,1004],{"class":687},[681,1131,1133,1136,1138,1140,1143],{"class":683,"line":1132},26,[681,1134,1135],{"class":695},"      stroke",[681,1137,773],{"class":687},[681,1139,999],{"class":687},[681,1141,1142],{"class":751},"#f97316",[681,1144,1004],{"class":687},[681,1146,1148,1151,1153,1155,1157],{"class":683,"line":1147},27,[681,1149,1150],{"class":695},"      fill",[681,1152,773],{"class":687},[681,1154,999],{"class":687},[681,1156,1142],{"class":751},[681,1158,1004],{"class":687},[681,1160,1162],{"class":683,"line":1161},28,[681,1163,1164],{"class":687},"    \u002F>\n",[681,1166,1168,1171,1173],{"class":683,"line":1167},29,[681,1169,1170],{"class":687},"  \u003C\u002F",[681,1172,358],{"class":691},[681,1174,699],{"class":687},[681,1176,1178,1180,1182],{"class":683,"line":1177},30,[681,1179,957],{"class":687},[681,1181,974],{"class":691},[681,1183,699],{"class":687},[1185,1186,1187],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}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);}",{"title":677,"searchDepth":702,"depth":702,"links":1189},[1190,1191,1192,1193,1194],{"id":303,"depth":702,"text":304},{"id":326,"depth":702,"text":113},{"id":537,"depth":702,"text":538},{"id":647,"depth":702,"text":648},{"id":668,"depth":702,"text":669},"Learn what vccs is and when to use it","md",null,{},{"icon":14},{"title":11,"description":1195},"DeIJ9kMGkx6G_PhZEhY7uQuS4lR0_KIWBkvGBaokHb8",[1197,1203],{"title":16,"path":17,"stem":18,"description":1204,"icon":19,"children":-1},"How to install vccs and start building charts",1791811108638]