[{"data":1,"prerenderedAt":1070},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-installation":172,"-getting-started-installation-surround":1065},[4,21,77,132],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","/getting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","/getting-started/introduction","1.getting-started/1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","/getting-started/installation","1.getting-started/2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Guides","i-lucide-book-open","/guides","2.guides",[27,32,37,42,47,52,57,62,67,72],{"title":28,"path":29,"stem":30,"icon":31},"Customize","/guides/customize","2.guides/01.customize","i-lucide-paintbrush",{"title":33,"path":34,"stem":35,"icon":36},"Active Index","/guides/active-state","2.guides/02.active-state","i-lucide-mouse-pointer",{"title":38,"path":39,"stem":40,"icon":41},"Domain and Ticks","/guides/domain-and-ticks","2.guides/03.domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Axis Ticks","/guides/axis-ticks","2.guides/04.axis-ticks","i-lucide-hash",{"title":48,"path":49,"stem":50,"icon":51},"Chart Size","/guides/chart-size","2.guides/05.chart-size","i-lucide-maximize",{"title":53,"path":54,"stem":55,"icon":56},"Z-Index and Layers","/guides/z-order-and-layers","2.guides/06.z-order-and-layers","i-lucide-layers",{"title":58,"path":59,"stem":60,"icon":61},"Coordinate Systems","/guides/coordinate-systems","2.guides/07.coordinate-systems","i-lucide-crosshair",{"title":63,"path":64,"stem":65,"icon":66},"Performance","/guides/performance","2.guides/08.performance","i-lucide-zap",{"title":68,"path":69,"stem":70,"icon":71},"Rounded Bar Corners","/guides/rounded-bar-corners","2.guides/09.rounded-bar-corners","i-lucide-square",{"title":73,"path":74,"stem":75,"icon":76},"Bar Alignment","/guides/bar-alignment","2.guides/10.bar-alignment","i-lucide-align-center",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":20},"Charts","i-lucide-bar-chart-3","/charts","3.charts",[83,88,93,98,103,108,113,118,123,128],{"title":84,"path":85,"stem":86,"icon":87},"Area Chart","/charts/area-chart","3.charts/1.area-chart","i-lucide-area-chart",{"title":89,"path":90,"stem":91,"icon":92},"Treemap","/charts/treemap","3.charts/10.treemap","i-lucide-layout-grid",{"title":94,"path":95,"stem":96,"icon":97},"Bar Chart","/charts/bar-chart","3.charts/2.bar-chart","i-lucide-bar-chart",{"title":99,"path":100,"stem":101,"icon":102},"Line Chart","/charts/line-chart","3.charts/3.line-chart","i-lucide-trending-up",{"title":104,"path":105,"stem":106,"icon":107},"Pie Chart","/charts/pie-chart","3.charts/4.pie-chart","i-lucide-pie-chart",{"title":109,"path":110,"stem":111,"icon":112},"Radar Chart","/charts/radar-chart","3.charts/5.radar-chart","i-lucide-radar",{"title":114,"path":115,"stem":116,"icon":117},"Radial Bar Chart","/charts/radial-bar-chart","3.charts/6.radial-bar-chart","i-lucide-circle-dot",{"title":119,"path":120,"stem":121,"icon":122},"Scatter Chart","/charts/scatter-chart","3.charts/7.scatter-chart","i-lucide-scatter-chart",{"title":124,"path":125,"stem":126,"icon":127},"Funnel Chart","/charts/funnel-chart","3.charts/8.funnel-chart","i-lucide-filter",{"title":129,"path":130,"stem":131,"icon":56},"Composed Chart","/charts/composed-chart","3.charts/9.composed-chart",{"title":133,"icon":134,"path":135,"stem":136,"children":137,"page":20},"Components","i-lucide-code","/components","4.components",[138,143,148,153,158,162,167],{"title":139,"path":140,"stem":141,"icon":142},"Tooltip","/components/tooltip","4.components/1.tooltip","i-lucide-message-square",{"title":144,"path":145,"stem":146,"icon":147},"Legend","/components/legend","4.components/2.legend","i-lucide-list",{"title":149,"path":150,"stem":151,"icon":152},"CartesianGrid","/components/cartesian-grid","4.components/3.cartesian-grid","i-lucide-grid-3x3",{"title":154,"path":155,"stem":156,"icon":157},"Axes","/components/axis","4.components/4.axis","i-lucide-move",{"title":159,"path":160,"stem":161,"icon":61},"Reference Elements","/components/reference-elements","4.components/5.reference-elements",{"title":163,"path":164,"stem":165,"icon":166},"Text","/components/text","4.components/6.text","i-lucide-type",{"title":168,"path":169,"stem":170,"icon":171},"Customized","/components/customized","4.components/7.customized","i-lucide-pencil-ruler",{"id":173,"title":16,"body":174,"description":1058,"extension":1059,"links":1060,"meta":1061,"navigation":1062,"path":17,"seo":1063,"stem":18,"__hash__":1064},"docs/1.getting-started/2.installation.md",{"type":175,"value":176,"toc":1052},"minimark",[177,182,254,258,262,899,903,909,1009,1013,1048],[178,179,181],"h2",{"id":180},"how-to-install","How to install",[183,184,185,211,226,240],"code-group",{},[186,187,193],"pre",{"className":188,"code":189,"filename":190,"language":191,"meta":192,"style":192},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add vccs\n","pnpm","bash","",[194,195,196],"code",{"__ignoreMap":192},[197,198,201,204,208],"span",{"class":199,"line":200},"line",1,[197,202,190],{"class":203},"sBMFI",[197,205,207],{"class":206},"sfazB"," add",[197,209,210],{"class":206}," vccs\n",[186,212,215],{"className":188,"code":213,"filename":214,"language":191,"meta":192,"style":192},"npm install vccs\n","npm",[194,216,217],{"__ignoreMap":192},[197,218,219,221,224],{"class":199,"line":200},[197,220,214],{"class":203},[197,222,223],{"class":206}," install",[197,225,210],{"class":206},[186,227,230],{"className":188,"code":228,"filename":229,"language":191,"meta":192,"style":192},"yarn add vccs\n","yarn",[194,231,232],{"__ignoreMap":192},[197,233,234,236,238],{"class":199,"line":200},[197,235,229],{"class":203},[197,237,207],{"class":206},[197,239,210],{"class":206},[186,241,244],{"className":188,"code":242,"filename":243,"language":191,"meta":192,"style":192},"bun add vccs\n","bun",[194,245,246],{"__ignoreMap":192},[197,247,248,250,252],{"class":199,"line":200},[197,249,243],{"class":203},[197,251,207],{"class":206},[197,253,210],{"class":206},[178,255,257],{"id":256},"use-your-first-chart","Use your first chart",[259,260,261],"p",{},"Import chart components and compose them in your template:",[186,263,268],{"className":264,"code":265,"filename":266,"language":267,"meta":192,"style":192},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup>\nimport {\n  Bar,\n  BarChart,\n  CartesianGrid,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'vccs'\n\nconst data = [\n  { name: 'Page A', uv: 4000, pv: 2400 },\n  { name: 'Page B', uv: 3000, pv: 1398 },\n  { name: 'Page C', uv: 2000, pv: 9800 },\n  { name: 'Page D', uv: 2780, pv: 3908 },\n  { name: 'Page E', uv: 1890, pv: 4800 },\n  { name: 'Page F', uv: 2390, pv: 3800 },\n]\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CResponsiveContainer\n    width=\"100%\"\n    :height=\"300\"\n  >\n    \u003CBarChart :data=\"data\">\n      \u003CCartesianGrid stroke-dasharray=\"3 3\" />\n      \u003CXAxis data-key=\"name\" />\n      \u003CYAxis />\n      \u003CTooltip />\n      \u003CBar\n        data-key=\"pv\"\n        fill=\"#8884d8\"\n      />\n      \u003CBar\n        data-key=\"uv\"\n        fill=\"#82ca9d\"\n      />\n    \u003C/BarChart>\n  \u003C/ResponsiveContainer>\n\u003C/template>\n","App.vue","vue",[194,269,270,287,297,307,315,323,331,339,347,355,373,380,395,440,476,512,548,584,620,626,636,641,651,660,677,692,698,721,744,766,776,785,793,808,823,829,836,850,864,869,879,890],{"__ignoreMap":192},[197,271,272,276,280,284],{"class":199,"line":200},[197,273,275],{"class":274},"sMK4o","\u003C",[197,277,279],{"class":278},"swJcz","script",[197,281,283],{"class":282},"spNyl"," setup",[197,285,286],{"class":274},">\n",[197,288,290,294],{"class":199,"line":289},2,[197,291,293],{"class":292},"s7zQu","import",[197,295,296],{"class":274}," {\n",[197,298,300,304],{"class":199,"line":299},3,[197,301,303],{"class":302},"sTEyZ","  Bar",[197,305,306],{"class":274},",\n",[197,308,310,313],{"class":199,"line":309},4,[197,311,312],{"class":302},"  BarChart",[197,314,306],{"class":274},[197,316,318,321],{"class":199,"line":317},5,[197,319,320],{"class":302},"  CartesianGrid",[197,322,306],{"class":274},[197,324,326,329],{"class":199,"line":325},6,[197,327,328],{"class":302},"  ResponsiveContainer",[197,330,306],{"class":274},[197,332,334,337],{"class":199,"line":333},7,[197,335,336],{"class":302},"  Tooltip",[197,338,306],{"class":274},[197,340,342,345],{"class":199,"line":341},8,[197,343,344],{"class":302},"  XAxis",[197,346,306],{"class":274},[197,348,350,353],{"class":199,"line":349},9,[197,351,352],{"class":302},"  YAxis",[197,354,306],{"class":274},[197,356,358,361,364,367,370],{"class":199,"line":357},10,[197,359,360],{"class":274},"}",[197,362,363],{"class":292}," from",[197,365,366],{"class":274}," '",[197,368,369],{"class":206},"vccs",[197,371,372],{"class":274},"'\n",[197,374,376],{"class":199,"line":375},11,[197,377,379],{"emptyLinePlaceholder":378},true,"\n",[197,381,383,386,389,392],{"class":199,"line":382},12,[197,384,385],{"class":282},"const",[197,387,388],{"class":302}," data ",[197,390,391],{"class":274},"=",[197,393,394],{"class":302}," [\n",[197,396,398,401,404,407,409,412,415,418,421,423,427,429,432,434,437],{"class":199,"line":397},13,[197,399,400],{"class":274},"  {",[197,402,403],{"class":278}," name",[197,405,406],{"class":274},":",[197,408,366],{"class":274},[197,410,411],{"class":206},"Page A",[197,413,414],{"class":274},"'",[197,416,417],{"class":274},",",[197,419,420],{"class":278}," uv",[197,422,406],{"class":274},[197,424,426],{"class":425},"sbssI"," 4000",[197,428,417],{"class":274},[197,430,431],{"class":278}," pv",[197,433,406],{"class":274},[197,435,436],{"class":425}," 2400",[197,438,439],{"class":274}," },\n",[197,441,443,445,447,449,451,454,456,458,460,462,465,467,469,471,474],{"class":199,"line":442},14,[197,444,400],{"class":274},[197,446,403],{"class":278},[197,448,406],{"class":274},[197,450,366],{"class":274},[197,452,453],{"class":206},"Page B",[197,455,414],{"class":274},[197,457,417],{"class":274},[197,459,420],{"class":278},[197,461,406],{"class":274},[197,463,464],{"class":425}," 3000",[197,466,417],{"class":274},[197,468,431],{"class":278},[197,470,406],{"class":274},[197,472,473],{"class":425}," 1398",[197,475,439],{"class":274},[197,477,479,481,483,485,487,490,492,494,496,498,501,503,505,507,510],{"class":199,"line":478},15,[197,480,400],{"class":274},[197,482,403],{"class":278},[197,484,406],{"class":274},[197,486,366],{"class":274},[197,488,489],{"class":206},"Page C",[197,491,414],{"class":274},[197,493,417],{"class":274},[197,495,420],{"class":278},[197,497,406],{"class":274},[197,499,500],{"class":425}," 2000",[197,502,417],{"class":274},[197,504,431],{"class":278},[197,506,406],{"class":274},[197,508,509],{"class":425}," 9800",[197,511,439],{"class":274},[197,513,515,517,519,521,523,526,528,530,532,534,537,539,541,543,546],{"class":199,"line":514},16,[197,516,400],{"class":274},[197,518,403],{"class":278},[197,520,406],{"class":274},[197,522,366],{"class":274},[197,524,525],{"class":206},"Page D",[197,527,414],{"class":274},[197,529,417],{"class":274},[197,531,420],{"class":278},[197,533,406],{"class":274},[197,535,536],{"class":425}," 2780",[197,538,417],{"class":274},[197,540,431],{"class":278},[197,542,406],{"class":274},[197,544,545],{"class":425}," 3908",[197,547,439],{"class":274},[197,549,551,553,555,557,559,562,564,566,568,570,573,575,577,579,582],{"class":199,"line":550},17,[197,552,400],{"class":274},[197,554,403],{"class":278},[197,556,406],{"class":274},[197,558,366],{"class":274},[197,560,561],{"class":206},"Page E",[197,563,414],{"class":274},[197,565,417],{"class":274},[197,567,420],{"class":278},[197,569,406],{"class":274},[197,571,572],{"class":425}," 1890",[197,574,417],{"class":274},[197,576,431],{"class":278},[197,578,406],{"class":274},[197,580,581],{"class":425}," 4800",[197,583,439],{"class":274},[197,585,587,589,591,593,595,598,600,602,604,606,609,611,613,615,618],{"class":199,"line":586},18,[197,588,400],{"class":274},[197,590,403],{"class":278},[197,592,406],{"class":274},[197,594,366],{"class":274},[197,596,597],{"class":206},"Page F",[197,599,414],{"class":274},[197,601,417],{"class":274},[197,603,420],{"class":278},[197,605,406],{"class":274},[197,607,608],{"class":425}," 2390",[197,610,417],{"class":274},[197,612,431],{"class":278},[197,614,406],{"class":274},[197,616,617],{"class":425}," 3800",[197,619,439],{"class":274},[197,621,623],{"class":199,"line":622},19,[197,624,625],{"class":302},"]\n",[197,627,629,632,634],{"class":199,"line":628},20,[197,630,631],{"class":274},"\u003C/",[197,633,279],{"class":278},[197,635,286],{"class":274},[197,637,639],{"class":199,"line":638},21,[197,640,379],{"emptyLinePlaceholder":378},[197,642,644,646,649],{"class":199,"line":643},22,[197,645,275],{"class":274},[197,647,648],{"class":278},"template",[197,650,286],{"class":274},[197,652,654,657],{"class":199,"line":653},23,[197,655,656],{"class":274},"  \u003C",[197,658,659],{"class":278},"ResponsiveContainer\n",[197,661,663,666,668,671,674],{"class":199,"line":662},24,[197,664,665],{"class":282},"    width",[197,667,391],{"class":274},[197,669,670],{"class":274},"\"",[197,672,673],{"class":206},"100%",[197,675,676],{"class":274},"\"\n",[197,678,680,683,685,687,690],{"class":199,"line":679},25,[197,681,682],{"class":282},"    :height",[197,684,391],{"class":274},[197,686,670],{"class":274},[197,688,689],{"class":206},"300",[197,691,676],{"class":274},[197,693,695],{"class":199,"line":694},26,[197,696,697],{"class":274},"  >\n",[197,699,701,704,707,710,712,714,717,719],{"class":199,"line":700},27,[197,702,703],{"class":274},"    \u003C",[197,705,706],{"class":278},"BarChart",[197,708,709],{"class":282}," :data",[197,711,391],{"class":274},[197,713,670],{"class":274},[197,715,716],{"class":206},"data",[197,718,670],{"class":274},[197,720,286],{"class":274},[197,722,724,727,729,732,734,736,739,741],{"class":199,"line":723},28,[197,725,726],{"class":274},"      \u003C",[197,728,149],{"class":278},[197,730,731],{"class":282}," stroke-dasharray",[197,733,391],{"class":274},[197,735,670],{"class":274},[197,737,738],{"class":206},"3 3",[197,740,670],{"class":274},[197,742,743],{"class":274}," />\n",[197,745,747,749,752,755,757,759,762,764],{"class":199,"line":746},29,[197,748,726],{"class":274},[197,750,751],{"class":278},"XAxis",[197,753,754],{"class":282}," data-key",[197,756,391],{"class":274},[197,758,670],{"class":274},[197,760,761],{"class":206},"name",[197,763,670],{"class":274},[197,765,743],{"class":274},[197,767,769,771,774],{"class":199,"line":768},30,[197,770,726],{"class":274},[197,772,773],{"class":278},"YAxis",[197,775,743],{"class":274},[197,777,779,781,783],{"class":199,"line":778},31,[197,780,726],{"class":274},[197,782,139],{"class":278},[197,784,743],{"class":274},[197,786,788,790],{"class":199,"line":787},32,[197,789,726],{"class":274},[197,791,792],{"class":278},"Bar\n",[197,794,796,799,801,803,806],{"class":199,"line":795},33,[197,797,798],{"class":282},"        data-key",[197,800,391],{"class":274},[197,802,670],{"class":274},[197,804,805],{"class":206},"pv",[197,807,676],{"class":274},[197,809,811,814,816,818,821],{"class":199,"line":810},34,[197,812,813],{"class":282},"        fill",[197,815,391],{"class":274},[197,817,670],{"class":274},[197,819,820],{"class":206},"#8884d8",[197,822,676],{"class":274},[197,824,826],{"class":199,"line":825},35,[197,827,828],{"class":274},"      />\n",[197,830,832,834],{"class":199,"line":831},36,[197,833,726],{"class":274},[197,835,792],{"class":278},[197,837,839,841,843,845,848],{"class":199,"line":838},37,[197,840,798],{"class":282},[197,842,391],{"class":274},[197,844,670],{"class":274},[197,846,847],{"class":206},"uv",[197,849,676],{"class":274},[197,851,853,855,857,859,862],{"class":199,"line":852},38,[197,854,813],{"class":282},[197,856,391],{"class":274},[197,858,670],{"class":274},[197,860,861],{"class":206},"#82ca9d",[197,863,676],{"class":274},[197,865,867],{"class":199,"line":866},39,[197,868,828],{"class":274},[197,870,872,875,877],{"class":199,"line":871},40,[197,873,874],{"class":274},"    \u003C/",[197,876,706],{"class":278},[197,878,286],{"class":274},[197,880,882,885,888],{"class":199,"line":881},41,[197,883,884],{"class":274},"  \u003C/",[197,886,887],{"class":278},"ResponsiveContainer",[197,889,286],{"class":274},[197,891,893,895,897],{"class":199,"line":892},42,[197,894,631],{"class":274},[197,896,648],{"class":278},[197,898,286],{"class":274},[178,900,902],{"id":901},"make-charts-responsive","Make charts responsive",[259,904,905,906,908],{},"Wrap your chart in ",[194,907,887],{}," so it adapts to its parent's size:",[186,910,913],{"className":264,"code":911,"filename":912,"language":267,"meta":192,"style":192},"\u003Ctemplate>\n  \u003Cdiv style=\"width: 100%; height: 300px\">\n    \u003CResponsiveContainer>\n      \u003CBarChart :data=\"data\">\n        \u003C!-- chart content -->\n      \u003C/BarChart>\n    \u003C/ResponsiveContainer>\n  \u003C/div>\n\u003C/template>\n","ResponsiveExample.vue",[194,914,915,923,944,952,970,976,985,993,1001],{"__ignoreMap":192},[197,916,917,919,921],{"class":199,"line":200},[197,918,275],{"class":274},[197,920,648],{"class":278},[197,922,286],{"class":274},[197,924,925,927,930,933,935,937,940,942],{"class":199,"line":289},[197,926,656],{"class":274},[197,928,929],{"class":278},"div",[197,931,932],{"class":282}," style",[197,934,391],{"class":274},[197,936,670],{"class":274},[197,938,939],{"class":206},"width: 100%; height: 300px",[197,941,670],{"class":274},[197,943,286],{"class":274},[197,945,946,948,950],{"class":199,"line":299},[197,947,703],{"class":274},[197,949,887],{"class":278},[197,951,286],{"class":274},[197,953,954,956,958,960,962,964,966,968],{"class":199,"line":309},[197,955,726],{"class":274},[197,957,706],{"class":278},[197,959,709],{"class":282},[197,961,391],{"class":274},[197,963,670],{"class":274},[197,965,716],{"class":206},[197,967,670],{"class":274},[197,969,286],{"class":274},[197,971,972],{"class":199,"line":317},[197,973,975],{"class":974},"sHwdD","        \u003C!-- chart content -->\n",[197,977,978,981,983],{"class":199,"line":325},[197,979,980],{"class":274},"      \u003C/",[197,982,706],{"class":278},[197,984,286],{"class":274},[197,986,987,989,991],{"class":199,"line":333},[197,988,874],{"class":274},[197,990,887],{"class":278},[197,992,286],{"class":274},[197,994,995,997,999],{"class":199,"line":341},[197,996,884],{"class":274},[197,998,929],{"class":278},[197,1000,286],{"class":274},[197,1002,1003,1005,1007],{"class":199,"line":349},[197,1004,631],{"class":274},[197,1006,648],{"class":278},[197,1008,286],{"class":274},[178,1010,1012],{"id":1011},"next-steps","Next steps",[1014,1015,1016,1023,1028,1033,1038,1043],"ul",{},[1017,1018,1019,1022],"li",{},[1020,1021,84],"a",{"href":85}," — Build your first area chart",[1017,1024,1025,1027],{},[1020,1026,94],{"href":95}," — Create bar charts with stacking and labels",[1017,1029,1030,1032],{},[1020,1031,99],{"href":100}," — Render line charts with custom dots",[1017,1034,1035,1037],{},[1020,1036,119],{"href":120}," — Plot data points on an X-Y plane",[1017,1039,1040,1042],{},[1020,1041,129],{"href":130}," — Mix Area, Bar, and Line in one chart",[1017,1044,1045,1047],{},[1020,1046,124],{"href":125}," — Visualize conversion funnels",[1049,1050,1051],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}",{"title":192,"searchDepth":289,"depth":289,"links":1053},[1054,1055,1056,1057],{"id":180,"depth":289,"text":181},{"id":256,"depth":289,"text":257},{"id":901,"depth":289,"text":902},{"id":1011,"depth":289,"text":1012},"How to install vccs and start building charts","md",null,{},{"icon":19},{"title":16,"description":1058},"pUznKsfg7c7a0AlA3WYWSumo55xpejBH5ilg6QlpIJo",[1066,1068],{"title":11,"path":12,"stem":13,"description":1067,"icon":14,"children":-1},"Learn what vccs is and when to use it",{"title":28,"path":29,"stem":30,"description":1069,"icon":31,"children":-1},"Learn how to customize chart appearance using slots, Cell, and SVG attributes",1775472912789]