[{"data":1,"prerenderedAt":959},["ShallowReactive",2],{"navigation_docs":3,"-charts-calendar-heatmap":279,"-charts-calendar-heatmap-surround":954},[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":188,"body":281,"description":947,"extension":948,"links":949,"meta":950,"navigation":951,"path":189,"seo":952,"stem":190,"__hash__":953},"docs\u002F3.charts\u002F14.calendar-heatmap.md",{"type":282,"value":283,"toc":937},"minimark",[284,288,293,299,303,322,327,331,353,371,375,788,792,876,880,904,917,927],[285,286,287],"p",{},"A calendar heatmap shows one value per day. Columns are weeks, rows are weekdays, and the color gets stronger with the value, like the contribution graph on a GitHub profile.",[289,290,292],"h2",{"id":291},"contributions","Contributions",[294,295],"chart-demo",{"description":296,"name":297,"src":298},"A year of activity with a tooltip per day.","Contribution Calendar","calendar-charts\u002Fsimple-calendar-heatmap",[289,300,302],{"id":301},"monday-first-own-colors-other-locale","Monday first, own colors, other locale",[285,304,305,309,310,313,314,317,318,321],{},[306,307,308],"code",{},"week-start"," moves the first row to Monday. ",[306,311,312],{},"colors"," sets every level from empty to full; ",[306,315,316],{},"max"," sets the value that reaches the top color. ",[306,319,320],{},"locale"," changes month, weekday and tooltip text.",[294,323],{"description":324,"name":325,"src":326},"Weeks start on Monday, five orange levels, German labels.","Practice Minutes","calendar-charts\u002Fmonday-calendar-heatmap",[289,328,330],{"id":329},"days-and-time-zones","Days and time zones",[285,332,333,334,337,338,341,342,345,346,348,349,352],{},"A day is a calendar date, not a moment in time. ",[306,335,336],{},"date-key"," values are either ",[306,339,340],{},"YYYY-MM-DD"," strings or ",[306,343,344],{},"Date"," objects; a ",[306,347,344],{}," counts by its local calendar date, so a local midnight never moves to the day before. Rows with the same day are added up. Invalid dates such as ",[306,350,351],{},"2026-02-30"," are skipped.",[285,354,355,356,359,360,363,364,367,368,370],{},"Without ",[306,357,358],{},"end",", the calendar ends on the latest day in ",[306,361,362],{},"data",", not on today, so the server and the browser render the same days. Without ",[306,365,366],{},"start",", it shows the 52 weeks before ",[306,369,358],{},".",[289,372,374],{"id":373},"props","Props",[376,377,378,397],"table",{},[379,380,381],"thead",{},[382,383,384,388,391,394],"tr",{},[385,386,387],"th",{},"Prop",[385,389,390],{},"Type",[385,392,393],{},"Default",[385,395,396],{},"Description",[398,399,400,421,438,455,475,498,518,537,562,579,595,614,633,651,677,700,727,746,766],"tbody",{},[382,401,402,407,412,418],{},[403,404,405],"td",{},[306,406,362],{},[403,408,409],{},[306,410,411],{},"Row[]",[403,413,414],{},[415,416,417],"strong",{},"required",[403,419,420],{},"Rows with a day and a value",[382,422,423,427,430,435],{},[403,424,425],{},[306,426,336],{},[403,428,429],{},"row path or accessor",[403,431,432],{},[306,433,434],{},"'date'",[403,436,437],{},"Field with the day",[382,439,440,445,447,452],{},[403,441,442],{},[306,443,444],{},"data-key",[403,446,429],{},[403,448,449],{},[306,450,451],{},"'value'",[403,453,454],{},"Field with the number to color by",[382,456,457,464,469,472],{},[403,458,459,461,462],{},[306,460,366],{}," \u002F ",[306,463,358],{},[403,465,466],{},[306,467,468],{},"string | Date",[403,470,471],{},"52 weeks up to the latest day",[403,473,474],{},"Range shown",[382,476,477,481,490,495],{},[403,478,479],{},[306,480,308],{},[403,482,483,486,487],{},[306,484,485],{},"0","–",[306,488,489],{},"6",[403,491,492,494],{},[306,493,485],{}," (Sunday)",[403,496,497],{},"First weekday row",[382,499,500,505,510,515],{},[403,501,502],{},[306,503,504],{},"color",[403,506,507],{},[306,508,509],{},"string",[403,511,512],{},[306,513,514],{},"var(--v-charts-series-1, var(--v-charts-series, #2563eb))",[403,516,517],{},"Full-intensity color",[382,519,520,525,529,534],{},[403,521,522],{},[306,523,524],{},"empty-color",[403,526,527],{},[306,528,509],{},[403,530,531],{},[306,532,533],{},"var(--v-charts-muted, #ebedf0)",[403,535,536],{},"Color for no value and zero",[382,538,539,544,549,554],{},[403,540,541],{},[306,542,543],{},"levels",[403,545,546],{},[306,547,548],{},"number",[403,550,551],{},[306,552,553],{},"4",[403,555,556,557,559,560],{},"Steps above empty; each mixes ",[306,558,504],{}," into ",[306,561,524],{},[382,563,564,568,573,576],{},[403,565,566],{},[306,567,312],{},[403,569,570],{},[306,571,572],{},"string[]",[403,574,575],{},"—",[403,577,578],{},"Explicit fill per level, from empty to full",[382,580,581,585,589,592],{},[403,582,583],{},[306,584,316],{},[403,586,587],{},[306,588,548],{},[403,590,591],{},"largest value in range",[403,593,594],{},"Value that reaches the top level",[382,596,597,602,606,611],{},[403,598,599],{},[306,600,601],{},"gap",[403,603,604],{},[306,605,548],{},[403,607,608],{},[306,609,610],{},"3",[403,612,613],{},"Space between squares in px",[382,615,616,621,625,630],{},[403,617,618],{},[306,619,620],{},"radius",[403,622,623],{},[306,624,548],{},[403,626,627],{},[306,628,629],{},"2",[403,631,632],{},"Corner radius",[382,634,635,639,643,648],{},[403,636,637],{},[306,638,320],{},[403,640,641],{},[306,642,509],{},[403,644,645],{},[306,646,647],{},"'en-US'",[403,649,650],{},"Locale for month, weekday and date text, and for numbers",[382,652,653,658,663,670],{},[403,654,655],{},[306,656,657],{},"value-formatter",[403,659,660],{},[306,661,662],{},"(value, day) => string",[403,664,665,666,669],{},"locale number format (",[306,667,668],{},"1,234",")",[403,671,672,673,676],{},"Value text in the tooltip and accessible names. ",[306,674,675],{},"String"," keeps raw numbers",[382,678,679,687,692,697],{},[403,680,681,461,684],{},[306,682,683],{},"month-labels",[306,685,686],{},"weekday-labels",[403,688,689],{},[306,690,691],{},"boolean",[403,693,694],{},[306,695,696],{},"true",[403,698,699],{},"Show the labels",[382,701,702,713,717,720],{},[403,703,704,461,707,461,710],{},[306,705,706],{},"width",[306,708,709],{},"height",[306,711,712],{},"aspect",[403,714,715],{},[306,716,548],{},[403,718,719],{},"full width, square cells",[403,721,722,723],{},"Size. See ",[724,725,726],"a",{"href":44},"chart size",[382,728,729,734,738,743],{},[403,730,731],{},[306,732,733],{},"title",[403,735,736],{},[306,737,509],{},[403,739,740],{},[306,741,742],{},"'Activity calendar'",[403,744,745],{},"Accessible name",[382,747,748,753,758,760],{},[403,749,750],{},[306,751,752],{},"active-index",[403,754,755],{},[306,756,757],{},"number | null",[403,759,575],{},[403,761,762,763],{},"Rendered cell position, for ",[306,764,765],{},"v-model:active-index",[382,767,768,776,778,785],{},[403,769,770,461,773],{},[306,771,772],{},"is-animation-active",[306,774,775],{},"transition",[403,777],{},[403,779,780,461,782],{},[306,781,696],{},[724,783,784],{"href":79},"motion tokens",[403,786,787],{},"Animate data changes",[289,789,791],{"id":790},"events-and-slots","Events and slots",[376,793,794,805],{},[379,795,796],{},[382,797,798,800,803],{},[385,799],{},[385,801,802],{},"Payload",[385,804,396],{},[398,806,807,844,862],{},[382,808,809,821,826],{},[403,810,811,814,815,814,818],{},[306,812,813],{},"@cell-click",", ",[306,816,817],{},"@cell-mouseenter",[306,819,820],{},"@cell-mouseleave",[403,822,823],{},[306,824,825],{},"(day: CalendarDay\u003CRow>, index, event)",[403,827,828,829,832,833,836,837,840,841],{},"The day behind the square. ",[306,830,831],{},"cell-click"," gets a ",[306,834,835],{},"MouseEvent",", or a ",[306,838,839],{},"KeyboardEvent"," for ",[306,842,843],{},"Enter",[382,845,846,851,856],{},[403,847,848],{},[306,849,850],{},"#cell",[403,852,853],{},[306,854,855],{},"{ cell, index, active, x, y, width, height, fill, radius }",[403,857,858,859],{},"Replace the square's ",[306,860,861],{},"\u003Crect>",[382,863,864,867,869],{},[403,865,866],{},"default slot",[403,868,575],{},[403,870,871,872,875],{},"Place ",[306,873,874],{},"\u003CTooltip>"," here",[289,877,879],{"id":878},"keyboard","Keyboard",[285,881,882,883,886,887,890,891,893,894,896,897,899,900,903],{},"Arrow keys move by day (up and down) and by week (left and right), skipping days outside the range. ",[306,884,885],{},"Home"," and ",[306,888,889],{},"End"," jump to the first and last day, ",[306,892,843],{}," emits ",[306,895,831],{}," for the active day (with a ",[306,898,839],{},"), ",[306,901,902],{},"Escape"," clears the selection.",[285,905,906,907,909,910,913,914,916],{},"Bind ",[306,908,765],{}," to control selection; ",[306,911,912],{},"null"," clears it. Pointer and keyboard changes request an update. See ",[724,915,83],{"href":84}," for control precedence.",[285,918,919,920,923,924,926],{},"The row type ",[306,921,922],{},"Row"," is inferred from ",[306,925,362],{},". Key props accept typed row paths or accessors.",[285,928,929,932,933,936],{},[306,930,931],{},"CalendarDay\u003CRow>.rows"," contains the source rows for that day. Missing days have an empty\n",[306,934,935],{},"rows"," array. Events, the cell slot and tooltip payloads use the same day object.",{"title":938,"searchDepth":939,"depth":939,"links":940},"",2,[941,942,943,944,945,946],{"id":291,"depth":939,"text":292},{"id":301,"depth":939,"text":302},{"id":329,"depth":939,"text":330},{"id":373,"depth":939,"text":374},{"id":790,"depth":939,"text":791},{"id":878,"depth":939,"text":879},"A contribution calendar, one square per day","md",null,{},{"icon":191},{"title":188,"description":947},"9Ot1N0J2ZXu_sC_DLP4mO4F2q4n2IMXQ-nVplPqBi_g",[955,957],{"title":183,"path":184,"stem":185,"description":956,"icon":186,"children":-1},"Uptime and status history, one bar per period",{"title":193,"path":194,"stem":195,"description":958,"icon":196,"children":-1},"A matrix of cells colored by value, and cohort retention grids",1791811114615]