[{"data":1,"prerenderedAt":1137},["ShallowReactive",2],{"navigation_docs":3,"-charts-scatter-chart":284,"-charts-scatter-chart-surround":1132},[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":159,"body":286,"description":1125,"extension":1126,"links":1127,"meta":1128,"navigation":1129,"path":160,"seo":1130,"stem":161,"__hash__":1131},"docs\u002F3.charts\u002F07.scatter-chart.md",{"type":287,"value":288,"toc":1116},"minimark",[289,293,298,301,306,310,322,382,389,448,452,463,468,522,526,537,541,877,901,905,955,959,1112],[290,291,292],"p",{},"Scatter charts display individual data points on a two-dimensional plane, useful for showing relationships between variables.",[294,295,297],"h2",{"id":296},"simple-scatter-chart","Simple Scatter Chart",[290,299,300],{},"A scatter chart with two data series and a size axis.",[302,303],"chart-demo",{"description":304,"name":297,"src":305},"Two scatter series with Z-axis sizing.","scatter-charts\u002Fsimple-scatter-chart",[294,307,309],{"id":308},"usage","Usage",[290,311,312,313,317,318,321],{},"Each ",[314,315,316],"code",{},"\u003CScatter>"," receives its own ",[314,319,320],{},"data"," array (unlike other chart types where data is on the chart container):",[323,324,329],"pre",{"className":325,"code":326,"language":327,"meta":328,"style":328},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CScatterChart>\n  \u003CXAxis data-key=\"x\" type=\"number\" \u002F>\n  \u003CYAxis data-key=\"y\" type=\"number\" \u002F>\n  \u003CScatter name=\"Series A\" :data=\"data01\" fill=\"#8884d8\" \u002F>\n  \u003CScatter name=\"Series B\" :data=\"data02\" fill=\"#82ca9d\" \u002F>\n\u003C\u002FScatterChart>\n","vue","",[314,330,331,347,354,360,366,372],{"__ignoreMap":328},[332,333,336,340,344],"span",{"class":334,"line":335},"line",1,[332,337,339],{"class":338},"sMK4o","\u003C",[332,341,343],{"class":342},"swJcz","ScatterChart",[332,345,346],{"class":338},">\n",[332,348,350],{"class":334,"line":349},2,[332,351,353],{"class":352},"sTEyZ","  \u003CXAxis data-key=\"x\" type=\"number\" \u002F>\n",[332,355,357],{"class":334,"line":356},3,[332,358,359],{"class":352},"  \u003CYAxis data-key=\"y\" type=\"number\" \u002F>\n",[332,361,363],{"class":334,"line":362},4,[332,364,365],{"class":352},"  \u003CScatter name=\"Series A\" :data=\"data01\" fill=\"#8884d8\" \u002F>\n",[332,367,369],{"class":334,"line":368},5,[332,370,371],{"class":352},"  \u003CScatter name=\"Series B\" :data=\"data02\" fill=\"#82ca9d\" \u002F>\n",[332,373,375,378,380],{"class":334,"line":374},6,[332,376,377],{"class":338},"\u003C\u002F",[332,379,343],{"class":342},[332,381,346],{"class":338},[290,383,384,385,388],{},"Use ",[314,386,387],{},"\u003CZAxis>"," to map a third dimension to dot size:",[323,390,392],{"className":325,"code":391,"language":327,"meta":328,"style":328},"\u003CZAxis data-key=\"z\" :range=\"[60, 400]\" \u002F>\n",[314,393,394],{"__ignoreMap":328},[332,395,396,398,401,405,408,411,415,417,420,423,425,427,430,434,437,440,443,445],{"class":334,"line":335},[332,397,339],{"class":338},[332,399,400],{"class":342},"ZAxis",[332,402,404],{"class":403},"spNyl"," data-key",[332,406,407],{"class":338},"=",[332,409,410],{"class":338},"\"",[332,412,414],{"class":413},"sfazB","z",[332,416,410],{"class":338},[332,418,419],{"class":338}," :",[332,421,422],{"class":403},"range",[332,424,407],{"class":338},[332,426,410],{"class":338},[332,428,429],{"class":352},"[",[332,431,433],{"class":432},"sbssI","60",[332,435,436],{"class":338},",",[332,438,439],{"class":432}," 400",[332,441,442],{"class":352},"]",[332,444,410],{"class":338},[332,446,447],{"class":338}," \u002F>\n",[294,449,451],{"id":450},"name-the-series-in-the-tooltip","Name the series in the tooltip",[290,453,454,455,458,459,462],{},"The default tooltip lists the axis values, as Recharts does, so only the color separates the series. Each row also carries the series name as ",[314,456,457],{},"seriesName",", which you can show as a heading with ",[314,460,461],{},"label-formatter",":",[302,464],{"description":465,"name":466,"src":467},"Two scatter series whose tooltip names the series above the axis values.","Scatter tooltip with the series name","scatter-charts\u002Fscatter-series-name-chart",[323,469,471],{"className":325,"code":470,"language":327,"meta":328,"style":328},"\u003CTooltip :label-formatter=\"(_, payload) => payload[0]?.seriesName\" \u002F>\n",[314,472,473],{"__ignoreMap":328},[332,474,475,477,479,481,483,485,487,490,494,496,499,502,505,508,511,513,516,518,520],{"class":334,"line":335},[332,476,339],{"class":338},[332,478,223],{"class":342},[332,480,419],{"class":338},[332,482,461],{"class":403},[332,484,407],{"class":338},[332,486,410],{"class":338},[332,488,489],{"class":338},"(",[332,491,493],{"class":492},"sHdIc","_",[332,495,436],{"class":338},[332,497,498],{"class":492}," payload",[332,500,501],{"class":338},")",[332,503,504],{"class":403}," =>",[332,506,507],{"class":352}," payload[",[332,509,510],{"class":432},"0",[332,512,442],{"class":352},[332,514,515],{"class":338},"?.",[332,517,457],{"class":352},[332,519,410],{"class":338},[332,521,447],{"class":352},[294,523,525],{"id":524},"scatterchart-props","ScatterChart props",[290,527,528,531,532,536],{},[314,529,530],{},"\u003CScatterChart>"," takes the ",[533,534,535],"a",{"href":125},"chart container props",". Its tooltip\nshows one point at a time.",[294,538,540],{"id":539},"scatter-props","Scatter props",[542,543,544,563],"table",{},[545,546,547],"thead",{},[548,549,550,554,557,560],"tr",{},[551,552,553],"th",{},"Prop",[551,555,556],{},"Type",[551,558,559],{},"Default",[551,561,562],{},"Description",[564,565,566,586,602,620,640,659,686,709,727,753,769,788,808,827,843,860],"tbody",{},[548,567,568,573,578,583],{},[569,570,571],"td",{},[314,572,320],{},[569,574,575],{},[314,576,577],{},"Array",[569,579,580,581],{},"the chart's ",[314,582,320],{},[569,584,585],{},"Rows for this series",[548,587,588,593,596,599],{},[569,589,590],{},[314,591,592],{},"data-key",[569,594,595],{},"row path or accessor",[569,597,598],{},"—",[569,600,601],{},"Field with the value; usually set on the axes instead",[548,603,604,609,614,617],{},[569,605,606],{},[314,607,608],{},"fill",[569,610,611],{},[314,612,613],{},"string",[569,615,616],{},"series palette",[569,618,619],{},"Dot fill",[548,621,622,627,632,637],{},[569,623,624],{},[314,625,626],{},"shape",[569,628,629],{},[314,630,631],{},"'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye'",[569,633,634],{},[314,635,636],{},"'circle'",[569,638,639],{},"Dot symbol",[548,641,642,646,651,656],{},[569,643,644],{},[314,645,334],{},[569,647,648],{},[314,649,650],{},"boolean | object",[569,652,653],{},[314,654,655],{},"false",[569,657,658],{},"Connect the dots with a line",[548,660,661,666,671,676],{},[569,662,663],{},[314,664,665],{},"line-type",[569,667,668],{},[314,669,670],{},"'joint' | 'fitting'",[569,672,673],{},[314,674,675],{},"'joint'",[569,677,678,681,682,685],{},[314,679,680],{},"joint"," connects the points, ",[314,683,684],{},"fitting"," draws a linear regression",[548,687,688,693,698,703],{},[569,689,690],{},[314,691,692],{},"line-joint-type",[569,694,695],{},[314,696,697],{},"CurveType",[569,699,700],{},[314,701,702],{},"'linear'",[569,704,705,706,708],{},"Curve of a ",[314,707,680],{}," line",[548,710,711,716,720,724],{},[569,712,713],{},[314,714,715],{},"label",[569,717,718],{},[314,719,650],{},[569,721,722],{},[314,723,655],{},[569,725,726],{},"Show a value label on every dot",[548,728,729,741,746,750],{},[569,730,731,734,735,734,738],{},[314,732,733],{},"x-axis-id",", ",[314,736,737],{},"y-axis-id",[314,739,740],{},"z-axis-id",[569,742,743],{},[314,744,745],{},"string | number",[569,747,748],{},[314,749,510],{},[569,751,752],{},"Axes this series uses",[548,754,755,760,764,766],{},[569,756,757],{},[314,758,759],{},"name",[569,761,762],{},[314,763,745],{},[569,765,598],{},[569,767,768],{},"Name in the legend and tooltip",[548,770,771,776,781,785],{},[569,772,773],{},[314,774,775],{},"legend-type",[569,777,778],{},[314,779,780],{},"LegendType",[569,782,783],{},[314,784,636],{},[569,786,787],{},"Legend icon",[548,789,790,795,800,802],{},[569,791,792],{},[314,793,794],{},"tooltip-type",[569,796,797],{},[314,798,799],{},"'none'",[569,801,598],{},[569,803,804,805,807],{},"Set ",[314,806,799],{}," to leave the series out of the tooltip",[548,809,810,815,820,824],{},[569,811,812],{},[314,813,814],{},"hide",[569,816,817],{},[314,818,819],{},"boolean",[569,821,822],{},[314,823,655],{},[569,825,826],{},"Hide the series",[548,828,829,834,838,840],{},[569,830,831],{},[314,832,833],{},"class",[569,835,836],{},[314,837,613],{},[569,839,598],{},[569,841,842],{},"Class on the series layer",[548,844,845,850,854,857],{},[569,846,847],{},[314,848,849],{},"is-animation-active",[569,851,852],{},[314,853,819],{},[569,855,856],{},"the chart's value",[569,858,859],{},"Animate this series",[548,861,862,867,872,874],{},[569,863,864],{},[314,865,866],{},"transition",[569,868,869],{},[314,870,871],{},"ChartTransition",[569,873,856],{},[569,875,876],{},"Timing and easing of data changes",[290,878,879,880,734,883,734,886,889,890,893,894,734,897,900],{},"Events: ",[314,881,882],{},"@click",[314,884,885],{},"@mouseenter",[314,887,888],{},"@mouseleave"," with ",[314,891,892],{},"(point, index, event)",", and ",[314,895,896],{},"@animation-start",[314,898,899],{},"@animation-end",".",[294,902,904],{"id":903},"scatter-slots","Scatter slots",[542,906,907,919],{},[545,908,909],{},[548,910,911,914,917],{},[551,912,913],{},"Slot",[551,915,916],{},"Props",[551,918,562],{},[564,920,921,936],{},[548,922,923,928,933],{},[569,924,925],{},[314,926,927],{},"#shape",[569,929,930],{},[314,931,932],{},"ScatterPointItem & { index, isActive }",[569,934,935],{},"Replace a dot",[548,937,938,941,943],{},[569,939,940],{},"default",[569,942,598],{},[569,944,945,948,949,734,952],{},[314,946,947],{},"\u003CCell>"," for per-dot colors, ",[314,950,951],{},"\u003CLabelList>",[314,953,954],{},"\u003CErrorBar>",[294,956,958],{"id":957},"zaxis-props","ZAxis props",[542,960,961,973],{},[545,962,963],{},[548,964,965,967,969,971],{},[551,966,553],{},[551,968,556],{},[551,970,559],{},[551,972,562],{},[564,974,975,992,1005,1025,1044,1061,1081,1096],{},[548,976,977,981,985,989],{},[569,978,979],{},[314,980,740],{},[569,982,983],{},[314,984,745],{},[569,986,987],{},[314,988,510],{},[569,990,991],{},"Unique ID for the Z axis",[548,993,994,998,1000,1002],{},[569,995,996],{},[314,997,592],{},[569,999,595],{},[569,1001,598],{},[569,1003,1004],{},"Field with the Z value",[548,1006,1007,1012,1017,1022],{},[569,1008,1009],{},[314,1010,1011],{},"type",[569,1013,1014],{},[314,1015,1016],{},"'number' | 'category'",[569,1018,1019],{},[314,1020,1021],{},"'number'",[569,1023,1024],{},"Axis data type",[548,1026,1027,1031,1036,1041],{},[569,1028,1029],{},[314,1030,422],{},[569,1032,1033],{},[314,1034,1035],{},"[number, number]",[569,1037,1038],{},[314,1039,1040],{},"[64, 64]",[569,1042,1043],{},"Min and max dot size",[548,1045,1046,1051,1056,1058],{},[569,1047,1048],{},[314,1049,1050],{},"domain",[569,1052,1053],{},[314,1054,1055],{},"AxisDomain",[569,1057,598],{},[569,1059,1060],{},"Custom domain for the axis",[548,1062,1063,1068,1073,1078],{},[569,1064,1065],{},[314,1066,1067],{},"scale",[569,1069,1070],{},[314,1071,1072],{},"string | Function",[569,1074,1075],{},[314,1076,1077],{},"'auto'",[569,1079,1080],{},"D3 scale type",[548,1082,1083,1087,1091,1093],{},[569,1084,1085],{},[314,1086,759],{},[569,1088,1089],{},[314,1090,613],{},[569,1092,598],{},[569,1094,1095],{},"Axis name for tooltip display",[548,1097,1098,1103,1107,1109],{},[569,1099,1100],{},[314,1101,1102],{},"unit",[569,1104,1105],{},[314,1106,613],{},[569,1108,598],{},[569,1110,1111],{},"Unit string appended to values",[1113,1114,1115],"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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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 .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":328,"searchDepth":349,"depth":349,"links":1117},[1118,1119,1120,1121,1122,1123,1124],{"id":296,"depth":349,"text":297},{"id":308,"depth":349,"text":309},{"id":450,"depth":349,"text":451},{"id":524,"depth":349,"text":525},{"id":539,"depth":349,"text":540},{"id":903,"depth":349,"text":904},{"id":957,"depth":349,"text":958},"Plot data points on an X-Y plane to visualize relationships","md",null,{},{"icon":162},{"title":159,"description":1125},"K6xoSXQ1piF72S7ub2YGNBKOiorbApHe0ZYX_BuAdpc",[1133,1135],{"title":154,"path":155,"stem":156,"description":1134,"icon":157,"children":-1},"Build radial bar charts for circular progress and comparison",{"title":164,"path":165,"stem":166,"description":1136,"icon":167,"children":-1},"Build funnel charts for conversion and drop-off visualization",1793527168435]