[{"data":1,"prerenderedAt":846},["ShallowReactive",2],{"navigation_docs":3,"-guides-animation":279,"-guides-animation-surround":841},[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":78,"body":281,"description":834,"extension":835,"links":836,"meta":837,"navigation":838,"path":79,"seo":839,"stem":80,"__hash__":840},"docs\u002F2.guides\u002F12.animation.md",{"type":282,"value":283,"toc":825},"minimark",[284,288,385,390,402,405,409,446,450,470,474,488,647,654,658,736,739,747,751,803,807,821],[285,286,287],"p",{},"Chart elements use the default timings below. In a composed chart, bars land before lines and areas finish drawing.",[289,290,291,307],"table",{},[292,293,294],"thead",{},[295,296,297,301,304],"tr",{},[298,299,300],"th",{},"Phase",[298,302,303],{},"Duration",[298,305,306],{},"Curve",[308,309,310,322,333,344,355,365,376],"tbody",{},[295,311,312,316,319],{},[313,314,315],"td",{},"First appearance",[313,317,318],{},"1 s",[313,320,321],{},"ease-out cubic",[295,323,324,327,330],{},[313,325,326],{},"Cascade entrance",[313,328,329],{},"1.2 s",[313,331,332],{},"staggered ease-out cubic",[295,334,335,338,341],{},[313,336,337],{},"Line and area draw",[313,339,340],{},"1.2–2 s",[313,342,343],{},"steady pace",[295,345,346,349,352],{},[313,347,348],{},"Data change",[313,350,351],{},"0.5 s",[313,353,354],{},"ease-out quint",[295,356,357,360,363],{},[313,358,359],{},"Exit",[313,361,362],{},"0.3 s",[313,364,354],{},[295,366,367,370,373],{},[313,368,369],{},"Pointer feedback and tooltip appearance",[313,371,372],{},"0.15 s",[313,374,375],{},"ease-out",[295,377,378,381,383],{},[313,379,380],{},"Color change",[313,382,362],{},[313,384,375],{},[386,387,389],"h2",{"id":388},"data-changes-slide-they-do-not-morph","Data changes slide, they do not morph",[285,391,392,393,397,398,401],{},"Elements are matched by their category (the ",[394,395,396],"code",{},"data-key"," of the category axis, or the ",[394,399,400],{},"name"," of a sector), not by their position in the array. When a time window moves, the bars slide; when a series gets longer, new points grow out of their neighbour; removed points fold into the points that stay, and removed bars close in the gap between their neighbouring categories, so no bar ever covers another. Points of one line, area or pie keep a shared timing, so the shape never crosses itself. An interrupted animation continues from what is on screen.",[285,403,404],{},"Give every row a unique category value to get this behaviour. Rows without a category fall back to their index.",[386,406,408],{"id":407},"what-else-moves","What else moves",[410,411,412,420,426,432],"ul",{},[413,414,415,419],"li",{},[416,417,418],"strong",{},"Axes and grid lines"," move with the series they describe: a tick that stays slides to its new place, a new tick fades in from where the old scale would have put it, and a removed tick fades out. Labels never disagree with the bars under them while those move.",[413,421,422,425],{},[416,423,424],{},"Series hidden from the legend"," leave instead of vanishing: bars collapse, areas fold onto their baseline (a stack closes over them) and lines sweep out. Showing them again reverses the motion.",[413,427,428,431],{},[416,429,430],{},"Data that becomes empty"," sweeps lines and areas out; data that returns sweeps them back in.",[413,433,434,437,438,441,442,445],{},[416,435,436],{},"Labels"," (",[394,439,440],{},"label",", ",[394,443,444],{},"\u003CLabelList>",") move with their shapes. Entering and exiting labels fade with them.",[386,447,449],{"id":448},"what-does-not-animate","What does not animate",[410,451,452,458,464],{},[413,453,454,457],{},[416,455,456],{},"Resizing."," When the chart's box changes size, for example while a sidebar collapses, the chart follows the box at once instead of trailing behind it.",[413,459,460,463],{},[416,461,462],{},"Brush drags."," While a brush traveller or its slide is dragged, the chart follows the pointer directly.",[413,465,466,469],{},[416,467,468],{},"Server rendering and hydration."," The server sends the entrance start. The entrance plays after hydration when the chart is on screen.",[386,471,473],{"id":472},"tune-the-motion","Tune the motion",[285,475,476,477,480,481,484,485,487],{},"Every chart accepts ",[394,478,479],{},"transition"," and ",[394,482,483],{},"is-animation-active"," defaults for its items. An item’s explicit prop overrides the chart’s value. Every animated element accepts a ",[394,486,479],{}," prop. It replaces the default timing for that element:",[489,490,495],"pre",{"className":491,"code":492,"language":493,"meta":494,"style":494},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CBar data-key=\"desktop\" :transition=\"{ duration: 0.3, ease: 'easeOut' }\" \u002F>\n\n\u003CLine data-key=\"mobile\" :transition=\"{ type: 'spring', stiffness: 200, damping: 25 }\" \u002F>\n","vue","",[394,496,497,573,580],{"__ignoreMap":494},[498,499,502,506,510,514,517,520,524,526,529,531,533,535,538,541,544,548,551,554,556,559,562,565,568,570],"span",{"class":500,"line":501},"line",1,[498,503,505],{"class":504},"sMK4o","\u003C",[498,507,509],{"class":508},"swJcz","Bar",[498,511,513],{"class":512},"spNyl"," data-key",[498,515,516],{"class":504},"=",[498,518,519],{"class":504},"\"",[498,521,523],{"class":522},"sfazB","desktop",[498,525,519],{"class":504},[498,527,528],{"class":504}," :",[498,530,479],{"class":512},[498,532,516],{"class":504},[498,534,519],{"class":504},[498,536,537],{"class":504},"{",[498,539,540],{"class":508}," duration",[498,542,543],{"class":504},":",[498,545,547],{"class":546},"sbssI"," 0.3",[498,549,550],{"class":504},",",[498,552,553],{"class":508}," ease",[498,555,543],{"class":504},[498,557,558],{"class":504}," '",[498,560,561],{"class":522},"easeOut",[498,563,564],{"class":504},"'",[498,566,567],{"class":504}," }",[498,569,519],{"class":504},[498,571,572],{"class":504}," \u002F>\n",[498,574,576],{"class":500,"line":575},2,[498,577,579],{"emptyLinePlaceholder":578},true,"\n",[498,581,583,585,588,590,592,594,597,599,601,603,605,607,609,612,614,616,619,621,623,626,628,631,633,636,638,641,643,645],{"class":500,"line":582},3,[498,584,505],{"class":504},[498,586,587],{"class":508},"Line",[498,589,513],{"class":512},[498,591,516],{"class":504},[498,593,519],{"class":504},[498,595,596],{"class":522},"mobile",[498,598,519],{"class":504},[498,600,528],{"class":504},[498,602,479],{"class":512},[498,604,516],{"class":504},[498,606,519],{"class":504},[498,608,537],{"class":504},[498,610,611],{"class":508}," type",[498,613,543],{"class":504},[498,615,558],{"class":504},[498,617,618],{"class":522},"spring",[498,620,564],{"class":504},[498,622,550],{"class":504},[498,624,625],{"class":508}," stiffness",[498,627,543],{"class":504},[498,629,630],{"class":546}," 200",[498,632,550],{"class":504},[498,634,635],{"class":508}," damping",[498,637,543],{"class":504},[498,639,640],{"class":546}," 25",[498,642,567],{"class":504},[498,644,519],{"class":504},[498,646,572],{"class":504},[285,648,649,650,653],{},"The type is exported as ",[394,651,652],{},"ChartTransition",".",[386,655,657],{"id":656},"turn-it-off","Turn it off",[489,659,661],{"className":491,"code":660,"language":493,"meta":494,"style":494},"\u003CBarChart :data=\"rows\" :height=\"300\" :is-animation-active=\"false\">\n  \u003CBar data-key=\"desktop\" \u002F>\n  \u003CBar data-key=\"mobile\" \u002F>\n\u003C\u002FBarChart>\n",[394,662,663,716,721,726],{"__ignoreMap":494},[498,664,665,667,670,672,675,677,679,683,685,687,690,692,694,697,699,701,703,705,707,711,713],{"class":500,"line":501},[498,666,505],{"class":504},[498,668,669],{"class":508},"BarChart",[498,671,528],{"class":504},[498,673,674],{"class":512},"data",[498,676,516],{"class":504},[498,678,519],{"class":504},[498,680,682],{"class":681},"sTEyZ","rows",[498,684,519],{"class":504},[498,686,528],{"class":504},[498,688,689],{"class":512},"height",[498,691,516],{"class":504},[498,693,519],{"class":504},[498,695,696],{"class":546},"300",[498,698,519],{"class":504},[498,700,528],{"class":504},[498,702,483],{"class":512},[498,704,516],{"class":504},[498,706,519],{"class":504},[498,708,710],{"class":709},"sfNiH","false",[498,712,519],{"class":504},[498,714,715],{"class":504},">\n",[498,717,718],{"class":500,"line":575},[498,719,720],{"class":681},"  \u003CBar data-key=\"desktop\" \u002F>\n",[498,722,723],{"class":500,"line":582},[498,724,725],{"class":681},"  \u003CBar data-key=\"mobile\" \u002F>\n",[498,727,729,732,734],{"class":500,"line":728},4,[498,730,731],{"class":504},"\u003C\u002F",[498,733,669],{"class":508},[498,735,715],{"class":504},[285,737,738],{},"Axes and grid lines follow the series: when no series in a chart animates, the whole chart stays still.",[285,740,741,742,746],{},"Charts also follow the operating system's ",[743,744,745],"em",{},"reduce motion"," setting: data changes snap to their final state and the tooltip stops gliding.",[386,748,750],{"id":749},"react-to-animation","React to animation",[489,752,754],{"className":491,"code":753,"language":493,"meta":494,"style":494},"\u003CBar data-key=\"desktop\" @animation-start=\"onStart\" @animation-end=\"onEnd\" \u002F>\n",[394,755,756],{"__ignoreMap":494},[498,757,758,760,762,764,766,768,770,772,775,778,780,782,785,787,789,792,794,796,799,801],{"class":500,"line":501},[498,759,505],{"class":504},[498,761,509],{"class":508},[498,763,513],{"class":512},[498,765,516],{"class":504},[498,767,519],{"class":504},[498,769,523],{"class":522},[498,771,519],{"class":504},[498,773,774],{"class":504}," @",[498,776,777],{"class":512},"animation-start",[498,779,516],{"class":504},[498,781,519],{"class":504},[498,783,784],{"class":681},"onStart",[498,786,519],{"class":504},[498,788,774],{"class":504},[498,790,791],{"class":512},"animation-end",[498,793,516],{"class":504},[498,795,519],{"class":504},[498,797,798],{"class":681},"onEnd",[498,800,519],{"class":504},[498,802,572],{"class":504},[386,804,806],{"id":805},"review-motion-frame-by-frame","Review motion frame by frame",[285,808,809,810,813,814,817,818,653],{},"The repository's motion lab renders every chart through every kind of data change, frame by frame on a fake clock. Before a release, a gate checks every transition for jumps, reversals, stalls and shapes that do not reach their target. To look at one transition, ",[394,811,812],{},"pnpm lab film \u003Cscenario>"," writes a video, a contact sheet of its frames and the per-frame geometry; ",[394,815,816],{},"pnpm lab timing \u003Cscenario>"," measures frame timing on a real clock, also with the CPU slowed 4×. See ",[394,819,820],{},"packages\u002Fvue\u002Ftest\u002Flab\u002FREADME.md",[822,823,824],"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 .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 .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":494,"searchDepth":575,"depth":575,"links":826},[827,828,829,830,831,832,833],{"id":388,"depth":575,"text":389},{"id":407,"depth":575,"text":408},{"id":448,"depth":575,"text":449},{"id":472,"depth":575,"text":473},{"id":656,"depth":575,"text":657},{"id":749,"depth":575,"text":750},{"id":805,"depth":575,"text":806},"How charts move, how to tune the motion, and how to turn it off","md",null,{},{"icon":81},{"title":78,"description":834},"y4YTIgK0KpRw6HVishlkuQ_D8MH60xonjVKp-dBoUHw",[842,844],{"title":73,"path":74,"stem":75,"description":843,"icon":76,"children":-1},"Server-render charts in Nuxt with correct layout and clean hydration",{"title":83,"path":84,"stem":85,"description":845,"icon":86,"children":-1},"Listen to chart interaction and control brush, tooltip and legend state",1791811109636]