[{"data":1,"prerenderedAt":981},["ShallowReactive",2],{"navigation_docs":3,"-charts-heatmap":279,"-charts-heatmap-surround":976},[4,26,112,211],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Migrate from 0.6","\u002Fgetting-started\u002Fmigration","1.getting-started\u002F3.migration","i-lucide-arrow-up-circle",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[32,37,42,47,52,57,62,67,72,77,82,87,92,97,102,107],{"title":33,"path":34,"stem":35,"icon":36},"Customize","\u002Fguides\u002Fcustomize","2.guides\u002F01.customize","i-lucide-paintbrush",{"title":38,"path":39,"stem":40,"icon":41},"Axis Domain and Ticks","\u002Fguides\u002Faxis-domain-and-ticks","2.guides\u002F03.axis-domain-and-ticks","i-lucide-ruler",{"title":43,"path":44,"stem":45,"icon":46},"Chart Size","\u002Fguides\u002Fchart-size","2.guides\u002F05.chart-size","i-lucide-maximize",{"title":48,"path":49,"stem":50,"icon":51},"Z-Order and Layers","\u002Fguides\u002Fz-order-and-layers","2.guides\u002F06.z-order-and-layers","i-lucide-layers",{"title":53,"path":54,"stem":55,"icon":56},"Coordinate Systems","\u002Fguides\u002Fcoordinate-systems","2.guides\u002F07.coordinate-systems","i-lucide-crosshair",{"title":58,"path":59,"stem":60,"icon":61},"Performance","\u002Fguides\u002Fperformance","2.guides\u002F08.performance","i-lucide-zap",{"title":63,"path":64,"stem":65,"icon":66},"Rounded Bar Corners","\u002Fguides\u002Frounded-bar-corners","2.guides\u002F09.rounded-bar-corners","i-lucide-square",{"title":68,"path":69,"stem":70,"icon":71},"Bar Alignment","\u002Fguides\u002Fbar-alignment","2.guides\u002F10.bar-alignment","i-lucide-align-center",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt and SSR","\u002Fguides\u002Fnuxt-and-ssr","2.guides\u002F11.nuxt-and-ssr","i-lucide-server",{"title":78,"path":79,"stem":80,"icon":81},"Animation","\u002Fguides\u002Fanimation","2.guides\u002F12.animation","i-lucide-sparkles",{"title":83,"path":84,"stem":85,"icon":86},"Events and v-model","\u002Fguides\u002Fevents-and-models","2.guides\u002F13.events-and-models","i-lucide-mouse-pointer-click",{"title":88,"path":89,"stem":90,"icon":91},"TypeScript","\u002Fguides\u002Ftypescript","2.guides\u002F14.typescript","i-lucide-file-code",{"title":93,"path":94,"stem":95,"icon":96},"Theming and dark mode","\u002Fguides\u002Ftheming","2.guides\u002F15.theming","i-lucide-palette",{"title":98,"path":99,"stem":100,"icon":101},"shadcn-vue","\u002Fguides\u002Fshadcn-vue","2.guides\u002F16.shadcn-vue","i-lucide-component",{"title":103,"path":104,"stem":105,"icon":106},"Dashboard recipes","\u002Fguides\u002Fdashboard-recipes","2.guides\u002F17.dashboard-recipes","i-lucide-layout-dashboard",{"title":108,"path":109,"stem":110,"icon":111},"Accessibility","\u002Fguides\u002Faccessibility","2.guides\u002F18.accessibility","i-lucide-accessibility",{"title":113,"icon":114,"path":115,"stem":116,"children":117,"page":25},"Charts","i-lucide-bar-chart-3","\u002Fcharts","3.charts",[118,123,128,133,138,143,148,153,158,163,167,172,177,182,187,192,197,201,206],{"title":119,"path":120,"stem":121,"icon":122},"Chart Containers","\u002Fcharts\u002Fchart-containers","3.charts\u002F0.chart-containers","i-lucide-box",{"title":124,"path":125,"stem":126,"icon":127},"Area Chart","\u002Fcharts\u002Farea-chart","3.charts\u002F01.area-chart","i-lucide-area-chart",{"title":129,"path":130,"stem":131,"icon":132},"Bar Chart","\u002Fcharts\u002Fbar-chart","3.charts\u002F02.bar-chart","i-lucide-bar-chart",{"title":134,"path":135,"stem":136,"icon":137},"Line Chart","\u002Fcharts\u002Fline-chart","3.charts\u002F03.line-chart","i-lucide-trending-up",{"title":139,"path":140,"stem":141,"icon":142},"Pie Chart","\u002Fcharts\u002Fpie-chart","3.charts\u002F04.pie-chart","i-lucide-pie-chart",{"title":144,"path":145,"stem":146,"icon":147},"Radar Chart","\u002Fcharts\u002Fradar-chart","3.charts\u002F05.radar-chart","i-lucide-radar",{"title":149,"path":150,"stem":151,"icon":152},"Radial Bar Chart","\u002Fcharts\u002Fradial-bar-chart","3.charts\u002F06.radial-bar-chart","i-lucide-circle-dot",{"title":154,"path":155,"stem":156,"icon":157},"Scatter Chart","\u002Fcharts\u002Fscatter-chart","3.charts\u002F07.scatter-chart","i-lucide-scatter-chart",{"title":159,"path":160,"stem":161,"icon":162},"Funnel Chart","\u002Fcharts\u002Ffunnel-chart","3.charts\u002F08.funnel-chart","i-lucide-filter",{"title":164,"path":165,"stem":166,"icon":51},"Composed Chart","\u002Fcharts\u002Fcomposed-chart","3.charts\u002F09.composed-chart",{"title":168,"path":169,"stem":170,"icon":171},"Treemap","\u002Fcharts\u002Ftreemap","3.charts\u002F10.treemap","i-lucide-layout-grid",{"title":173,"path":174,"stem":175,"icon":176},"Sunburst Chart","\u002Fcharts\u002Fsunburst-chart","3.charts\u002F11.sunburst-chart","i-lucide-sun",{"title":178,"path":179,"stem":180,"icon":181},"Sankey","\u002Fcharts\u002Fsankey","3.charts\u002F12.sankey","i-lucide-git-fork",{"title":183,"path":184,"stem":185,"icon":186},"Tracker","\u002Fcharts\u002Ftracker","3.charts\u002F13.tracker","i-lucide-activity",{"title":188,"path":189,"stem":190,"icon":191},"Calendar Heatmap","\u002Fcharts\u002Fcalendar-heatmap","3.charts\u002F14.calendar-heatmap","i-lucide-calendar-days",{"title":193,"path":194,"stem":195,"icon":196},"Heatmap and CohortChart","\u002Fcharts\u002Fheatmap","3.charts\u002F15.heatmap","i-lucide-grid-3x3",{"title":198,"path":199,"stem":200,"icon":137},"Sparkline","\u002Fcharts\u002Fsparkline","3.charts\u002F16.sparkline",{"title":202,"path":203,"stem":204,"icon":205},"Bar List","\u002Fcharts\u002Fbar-list","3.charts\u002F17.bar-list","i-lucide-list-ordered",{"title":207,"path":208,"stem":209,"icon":210},"Journey Sankey","\u002Fcharts\u002Fjourney-sankey","3.charts\u002F18.journey-sankey","i-lucide-split",{"title":212,"icon":213,"path":214,"stem":215,"children":216,"page":25},"Components","i-lucide-code","\u002Fcomponents","4.components",[217,222,227,231,236,240,245,249,254,259,264,269,274],{"title":218,"path":219,"stem":220,"icon":221},"Tooltip","\u002Fcomponents\u002Ftooltip","4.components\u002F01.tooltip","i-lucide-message-square",{"title":223,"path":224,"stem":225,"icon":226},"Legend","\u002Fcomponents\u002Flegend","4.components\u002F02.legend","i-lucide-list",{"title":228,"path":229,"stem":230,"icon":196},"CartesianGrid","\u002Fcomponents\u002Fcartesian-grid","4.components\u002F03.cartesian-grid",{"title":232,"path":233,"stem":234,"icon":235},"Axes","\u002Fcomponents\u002Faxis","4.components\u002F04.axis","i-lucide-move",{"title":237,"path":238,"stem":239,"icon":147},"Polar Axes and Grid","\u002Fcomponents\u002Fpolar-axes","4.components\u002F05.polar-axes",{"title":241,"path":242,"stem":243,"icon":244},"Brush","\u002Fcomponents\u002Fbrush","4.components\u002F06.brush","i-lucide-sliders-horizontal",{"title":246,"path":247,"stem":248,"icon":56},"Reference Elements","\u002Fcomponents\u002Freference-elements","4.components\u002F07.reference-elements",{"title":250,"path":251,"stem":252,"icon":253},"ErrorBar","\u002Fcomponents\u002Ferror-bar","4.components\u002F08.error-bar","i-lucide-chevrons-up-down",{"title":255,"path":256,"stem":257,"icon":258},"Labels and Cell","\u002Fcomponents\u002Flabels","4.components\u002F09.labels","i-lucide-tag",{"title":260,"path":261,"stem":262,"icon":263},"Text","\u002Fcomponents\u002Ftext","4.components\u002F10.text","i-lucide-type",{"title":265,"path":266,"stem":267,"icon":268},"Shapes","\u002Fcomponents\u002Fshapes","4.components\u002F11.shapes","i-lucide-shapes",{"title":270,"path":271,"stem":272,"icon":273},"Composables","\u002Fcomponents\u002Fcomposables","4.components\u002F12.composables","i-lucide-function-square",{"title":275,"path":276,"stem":277,"icon":278},"Custom overlays","\u002Fcomponents\u002Fcustom-overlays","4.components\u002F13.custom-overlays","i-lucide-pencil-ruler",{"id":280,"title":193,"body":281,"description":969,"extension":970,"links":971,"meta":972,"navigation":973,"path":194,"seo":974,"stem":195,"__hash__":975},"docs\u002F3.charts\u002F15.heatmap.md",{"type":282,"value":283,"toc":961},"minimark",[284,288,293,299,315,319,337,342,349,353,724,728,900,938,951],[285,286,287],"p",{},"A heatmap places rows of data in a grid: one field picks the column, one picks the row, and a third sets the color. Use it for patterns over two dimensions, such as visits by weekday and hour.",[289,290,292],"h2",{"id":291},"weekday-and-hour","Weekday and hour",[294,295],"chart-demo",{"description":296,"name":297,"src":298},"Visits per weekday and hour, colored continuously.","Visits Heatmap","heatmap-charts\u002Fweekday-hour-heatmap",[285,300,301,302,306,307,310,311,314],{},"Columns and rows follow the order in which values first appear in ",[303,304,305],"code",{},"data",". Pass ",[303,308,309],{},"x-domain"," and ",[303,312,313],{},"y-domain"," to set the order yourself or to show columns that have no data. Rows with the same column and row are added up. Column labels thin out on narrow screens so they never overlap.",[289,316,318],{"id":317},"cohort-retention","Cohort retention",[285,320,321,324,325,328,329,332,333,336],{},[303,322,323],{},"CohortChart"," is a heatmap for retention. Each row is a cohort, for example everyone who signed up in January. ",[303,326,327],{},"values[0]"," is the cohort's size and ",[303,330,331],{},"values[n]"," is how many were still active ",[303,334,335],{},"n"," periods later. Each cell shows the share of the cohort. Periods a cohort has not reached yet stay blank, so the grid forms a triangle.",[294,338],{"description":339,"name":340,"src":341},"Monthly signup cohorts and their retention.","Cohort Retention","heatmap-charts\u002Fcohort-retention-chart",[285,343,344,345,348],{},"Set ",[303,346,347],{},"mode=\"count\""," to show the counts instead of percentages.",[289,350,352],{"id":351},"heatmap-props","Heatmap props",[354,355,356,375],"table",{},[357,358,359],"thead",{},[360,361,362,366,369,372],"tr",{},[363,364,365],"th",{},"Prop",[363,367,368],{},"Type",[363,370,371],{},"Default",[363,373,374],{},"Description",[376,377,378,399,430,449,473,495,513,530,550,569,595,614,636,657,681,701],"tbody",{},[360,379,380,385,390,396],{},[381,382,383],"td",{},[303,384,305],{},[381,386,387],{},[303,388,389],{},"Row[]",[381,391,392],{},[393,394,395],"strong",{},"required",[381,397,398],{},"Rows with a column, a row and a value",[360,400,401,413,416,427],{},[381,402,403,406,407,406,410],{},[303,404,405],{},"x-key"," \u002F ",[303,408,409],{},"y-key",[303,411,412],{},"data-key",[381,414,415],{},"row path or accessor",[381,417,418,406,421,406,424],{},[303,419,420],{},"'x'",[303,422,423],{},"'y'",[303,425,426],{},"'value'",[381,428,429],{},"Fields for column, row and value",[360,431,432,438,443,446],{},[381,433,434,406,436],{},[303,435,309],{},[303,437,313],{},[381,439,440],{},[303,441,442],{},"(string | number)[]",[381,444,445],{},"order of appearance",[381,447,448],{},"Column and row order",[360,450,451,459,464,470],{},[381,452,453,406,456],{},[303,454,455],{},"color",[303,457,458],{},"empty-color",[381,460,461],{},[303,462,463],{},"string",[381,465,466,467],{},"series 1 token \u002F ",[303,468,469],{},"var(--v-charts-muted)",[381,471,472],{},"Full and empty color",[360,474,475,480,485,490],{},[381,476,477],{},[303,478,479],{},"levels",[381,481,482],{},[303,483,484],{},"number",[381,486,487],{},[303,488,489],{},"0",[381,491,492,494],{},[303,493,489],{}," mixes colors continuously; a number gives that many steps",[360,496,497,502,507,510],{},[381,498,499],{},[303,500,501],{},"colors",[381,503,504],{},[303,505,506],{},"string[]",[381,508,509],{},"—",[381,511,512],{},"Explicit fill per level, from empty to full",[360,514,515,520,524,527],{},[381,516,517],{},[303,518,519],{},"max",[381,521,522],{},[303,523,484],{},[381,525,526],{},"largest value",[381,528,529],{},"Value that reaches full color",[360,531,532,537,542,547],{},[381,533,534],{},[303,535,536],{},"fill-missing",[381,538,539],{},[303,540,541],{},"boolean",[381,543,544],{},[303,545,546],{},"true",[381,548,549],{},"Draw pairs without data as empty cells",[360,551,552,557,561,566],{},[381,553,554],{},[303,555,556],{},"show-values",[381,558,559],{},[303,560,541],{},[381,562,563],{},[303,564,565],{},"false",[381,567,568],{},"Draw each value on its cell when it fits",[360,570,571,576,581,588],{},[381,572,573],{},[303,574,575],{},"value-formatter",[381,577,578],{},[303,579,580],{},"(value, cell) => string",[381,582,583,584,587],{},"locale number format (",[303,585,586],{},"1,234",")",[381,589,590,591,594],{},"Value text in cells, the tooltip and accessible names. ",[303,592,593],{},"String"," keeps raw numbers",[360,596,597,602,606,611],{},[381,598,599],{},[303,600,601],{},"locale",[381,603,604],{},[303,605,463],{},[381,607,608],{},[303,609,610],{},"'en-US'",[381,612,613],{},"Number format of the default value text",[360,615,616,624,629,633],{},[381,617,618,406,621],{},[303,619,620],{},"x-tick-formatter",[303,622,623],{},"y-tick-formatter",[381,625,626],{},[303,627,628],{},"(key) => string",[381,630,631],{},[303,632,593],{},[381,634,635],{},"Text for column and row labels",[360,637,638,646,650,654],{},[381,639,640,406,643],{},[303,641,642],{},"x-labels",[303,644,645],{},"y-labels",[381,647,648],{},[303,649,541],{},[381,651,652],{},[303,653,546],{},[381,655,656],{},"Show the labels",[360,658,659,667,671,678],{},[381,660,661,406,664],{},[303,662,663],{},"gap",[303,665,666],{},"radius",[381,668,669],{},[303,670,484],{},[381,672,673,406,676],{},[303,674,675],{},"2",[303,677,675],{},[381,679,680],{},"Space between cells and corner radius",[360,682,683,688,693,695],{},[381,684,685],{},[303,686,687],{},"active-index",[381,689,690],{},[303,691,692],{},"number | null",[381,694,509],{},[381,696,697,698],{},"Rendered cell position, for ",[303,699,700],{},"v-model:active-index",[360,702,703,714,718,721],{},[381,704,705,406,708,406,711],{},[303,706,707],{},"width",[303,709,710],{},"height",[303,712,713],{},"aspect",[381,715,716],{},[303,717,484],{},[381,719,720],{},"full width, 28 px per row",[381,722,723],{},"Size",[289,725,727],{"id":726},"cohortchart-props","CohortChart props",[354,729,730,742],{},[357,731,732],{},[360,733,734,736,738,740],{},[363,735,365],{},[363,737,368],{},[363,739,371],{},[363,741,374],{},[376,743,744,761,784,804,823,841,857,883],{},[360,745,746,750,754,758],{},[381,747,748],{},[303,749,305],{},[381,751,752],{},[303,753,389],{},[381,755,756],{},[393,757,395],{},[381,759,760],{},"One row per cohort, oldest first",[360,762,763,771,773,781],{},[381,764,765,406,768],{},[303,766,767],{},"cohort-key",[303,769,770],{},"values-key",[381,772,415],{},[381,774,775,406,778],{},[303,776,777],{},"'cohort'",[303,779,780],{},"'values'",[381,782,783],{},"Fields for the cohort name and its counts",[360,785,786,791,796,801],{},[381,787,788],{},[303,789,790],{},"mode",[381,792,793],{},[303,794,795],{},"'percent' | 'count'",[381,797,798],{},[303,799,800],{},"'percent'",[381,802,803],{},"Share of the cohort size, or raw counts",[360,805,806,811,816,820],{},[381,807,808],{},[303,809,810],{},"period-formatter",[381,812,813],{},[303,814,815],{},"(period) => string",[381,817,818],{},[303,819,593],{},[381,821,822],{},"Column heading per period",[360,824,825,831,835,838],{},[381,826,827,406,829],{},[303,828,455],{},[303,830,458],{},[381,832,833],{},[303,834,463],{},[381,836,837],{},"as Heatmap",[381,839,840],{},"Colors",[360,842,843,847,851,853],{},[381,844,845],{},[303,846,687],{},[381,848,849],{},[303,850,692],{},[381,852,509],{},[381,854,697,855],{},[303,856,700],{},[360,858,859,863,867,874],{},[381,860,861],{},[303,862,575],{},[381,864,865],{},[303,866,580],{},[381,868,869,870,873],{},"rounded percent (",[303,871,872],{},"42%",") or locale count",[381,875,876,877,880,881],{},"Value text in the tooltip and accessible names; ",[303,878,879],{},"value"," is the percent or the count, by ",[303,882,790],{},[360,884,885,889,893,897],{},[381,886,887],{},[303,888,601],{},[381,890,891],{},[303,892,463],{},[381,894,895],{},[303,896,610],{},[381,898,899],{},"Number format of counts and cohort sizes",[285,901,902,903,912,913,916,917,920,921,916,924,927,928,310,931,934,935,937],{},"Both share the Tracker's ",[904,905,907,908,911],"a",{"href":906},"\u002Fcharts\u002Ftracker#events-and-slots","events, ",[303,909,910],{},"#cell"," slot and keyboard navigation",". Heatmap events and the cell slot receive ",[303,914,915],{},"HeatmapCell\u003CRow>"," with ",[303,918,919],{},"{ x, y, value, rows }","; missing cells have no contributing rows. CohortChart receives ",[303,922,923],{},"CohortCell\u003CRow>",[303,925,926],{},"row",", ",[303,929,930],{},"rows",[303,932,933],{},"period","; ",[303,936,926],{}," is the first contributing source row.",[285,939,940,941,943,944,947,948,950],{},"Bind ",[303,942,700],{}," to control selection; ",[303,945,946],{},"null"," clears it. Pointer and keyboard changes request an update. See ",[904,949,83],{"href":84}," for control precedence.",[285,952,953,954,957,958,960],{},"The row type ",[303,955,956],{},"Row"," is inferred from ",[303,959,305],{},". Key props accept typed row paths or accessors.",{"title":962,"searchDepth":963,"depth":963,"links":964},"",2,[965,966,967,968],{"id":291,"depth":963,"text":292},{"id":317,"depth":963,"text":318},{"id":351,"depth":963,"text":352},{"id":726,"depth":963,"text":727},"A matrix of cells colored by value, and cohort retention grids","md",null,{},{"icon":196},{"title":193,"description":969},"-YkqIX7NRkLtkzS9XOSRz6xWBGQ8ikuUgjZmwOB2yBs",[977,979],{"title":188,"path":189,"stem":190,"description":978,"icon":191,"children":-1},"A contribution calendar, one square per day",{"title":198,"path":199,"stem":200,"description":980,"icon":137,"children":-1},"A word-sized trend for stat cards and tables",1791811114771]