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