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