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