1(globalThis.webpackChunkdocumentation=globalThis.webpackChunkdocumentation||[]).push([[234,62791],{1335:(a,e,t)=>{"use strict";t.r(e),t.d(e,{assets:()=>c,contentTitle:()=>o,default:()=>u,frontMatter:()=>l,metadata:()=>r,toc:()=>h});const r=JSON.parse('{"id":"Documentation/Guide to Muze Studio/Tutorials/19 Styling your charts","title":"Styling your charts","description":"Changing chart fonts (titles, axis, tool-tips, labels, everything) for entire chart","source":"@site/muzeDocs_versioned_docs/version-26.10.0/03-Documentation/02-Guide to Muze Studio/03-Tutorials/19 Styling your charts.md","sourceDirName":"03-Documentation/02-Guide to Muze Studio/03-Tutorials","slug":"/Documentation/Guide to Muze Studio/Tutorials/19 Styling your charts","permalink":"/charts/muze/26.10.0/Documentation/Guide to Muze Studio/Tutorials/19 Styling your charts","draft":false,"unlisted":false,"tags":[],"version":"26.10.0","frontMatter":{},"sidebar":"sidebar-muze","previous":{"title":"Updating your existing chart","permalink":"/charts/muze/26.10.0/Documentation/Guide to Muze Studio/Tutorials/18 Updating your existing chart"},"next":{"title":"Adding a Reference Line","permalink":"/charts/muze/26.10.0/Documentation/Guide to Muze Studio/Tutorials/20 Adding a Reference Line"}}');var n=t(74848),s=t(28453),i=(t(62791),t(43732));const l={},o="Styling your charts",c={},h=[{value:"Changing chart fonts (titles, axis, tool-tips, labels, everything) for entire chart",id:"changing-chart-fonts-titles-axis-tool-tips-labels-everything-for-entire-chart",level:2},{value:"Changing the color scheme of data plots",id:"changing-the-color-scheme-of-data-plots",level:2},{value:"Method 1: Using Legend Configuration with Color Ranges",id:"method-1-using-legend-configuration-with-color-ranges",level:3},{value:"Method 2: Multiple Color Fields",id:"method-2-multiple-color-fields",level:3},{value:"Complete Example with Styling",id:"complete-example-with-styling",level:3},{value:"Changing the color of other elements (axis, tool-tips etc.)",id:"changing-the-color-of-other-elements-axis-tool-tips-etc",level:2},{value:"Axis Styling",id:"axis-styling",level:3},{value:"Tooltip Styling",id:"tooltip-styling",level:3},{value:"Styling the title and subtitle (including alignment)",id:"styling-the-title-and-subtitle-including-alignment",level:2},{value:"Adding a background color to the chart",id:"adding-a-background-color-to-the-chart",level:2}];function d(a){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,s.R)(),...a.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.header,{children:(0,n.jsx)(e.h1,{id:"styling-your-charts",children:"Styling your charts"})}),"\n","\n",(0,n.jsx)(e.h2,{id:"changing-chart-fonts-titles-axis-tool-tips-labels-everything-for-entire-chart",children:"Changing chart fonts (titles, axis, tool-tips, labels, everything) for entire chart"}),"\n",(0,n.jsx)(e.p,{children:"To change fonts of elements in the chart, we can set the css style in the default classnames provided by muze."}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-CSS",children:"/* Changes the font family of title */\n#chart .muze-title-cell {\n font-family: Palatino !important;\n}\n\n/* Changes the font family of subtitle */\n#chart .muze-subtitle-cell {\n font-family: Palatino !important;\n}\n\n/* Changes the font family of axis tick labels */\n#chart .muze-ticks {\n font-family: Palatino !important;\n}\n\n/* Changes the font family of axis name */\n#chart .muze-axis-name {\n font-family: Palatino !important;\n}\n\n/* Changes the font family of the whole tooltip content */\n#chart .muze-tooltip-box {\n font-family: Palatino !important;\n}\n"})}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"Example"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:'const { muze, getDataFromSearchQuery, env } = viz;\nconst data = getDataFromSearchQuery();\n\nconst SI_SYMBOL = ["", "k", "M", "G", "T", "P", "E"];\n\nfunction numberFormatter(number) {\n const tier = (Math.log10(number) / 3) | 0;\n if (tier == 0) return number;\n const suffix = SI_SYMBOL[tier];\n const scale = Math.pow(10, tier * 3);\n const scaled = number / scale;\n return scaled.toFixed(1) + suffix;\n}\n\nconst months = [\n "January",\n "February",\n "March",\n "April",\n "May",\n "June",\n "July",\n "August",\n "September",\n "October",\n "November",\n "December",\n];\n\nconst RowField = "value";\nconst ColumnField = "month";\n\nmuze\n .canvas()\n .data(data)\n .rows([RowField]) \n .columns([ColumnField]) \n .config({\n sort: {\n month: (a, b) => months.indexOf(a) - months.indexOf(b),\n },\n axes: {\n y: {\n tickFormat: (val) => numberFormatter(val.rawValue),\n numberOfTicks: 8,\n },\n },\n })\n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n },\n ])\n .title("Coronavirus tests done by months")\n .subtitle("From April - August")\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/StylingTutorial/Styling.jsx"}),"\n",(0,n.jsx)(e.h2,{id:"changing-the-color-scheme-of-data-plots",children:"Changing the color scheme of data plots"}),"\n",(0,n.jsx)(e.h3,{id:"method-1-using-legend-configuration-with-color-ranges",children:"Method 1: Using Legend Configuration with Color Ranges"}),"\n",(0,n.jsxs)(e.p,{children:["To customize colors for your data plots, use the ",(0,n.jsx)(e.code,{children:"legend.color"})," configuration with field-specific color ranges:"]}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:'const { muze, getDataFromSearchQuery } = viz;
1\nconst data = getDataFromSearchQuery();\n\nconst RowField = "Total Discount";\nconst ColumnField = "Category";\nconst ColorField = "Ship Mode";\n\nmuze\n .canvas()\n .data(data)\n .rows([RowField])\n .columns([ColumnField])\n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n }\n ])\n .config({\n legend: {\n color: {\n range: ["pink", "orange", "red"],\n }\n }\n })\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/BasicBarChart/19.1.jsx"}),"\n",(0,n.jsx)(e.h3,{id:"method-2-multiple-color-fields",children:"Method 2: Multiple Color Fields"}),"\n",(0,n.jsx)(e.p,{children:"For charts with multiple color encodings (e.g., grouped bars with lines), you can configure different color ranges for each field:"}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:'const { muze, getDataFromSearchQuery } = viz;\nconst data = getDataFromSearchQuery();\n\nconst RowField = "Total Discount";\nconst ColumnField = "Category";\nconst ColorField = "Ship Mode"; // For bars\nconst ColorField2 = "Region"; // For lines\n\nmuze\n .canvas()\n .data(data)\n .rows([RowField])\n .columns([ColumnField])\n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n },\n {\n mark: "line",\n transform: { type: "group" },\n encoding: {\n color: ColorField2\n }\n }\n ])\n .config({\n legend: {\n color: {\n fields: {\n [ColorField]: {\n range: ["pink", "orange", "red"]\n },\n [ColorField2]: {\n range: ["black", "blue", "green", "brown"]\n }\n }\n }\n }\n })\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/BasicBarChart/19.2.jsx"}),"\n",(0,n.jsx)(e.h3,{id:"complete-example-with-styling",children:"Complete Example with Styling"}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:'const { muze, getDataFromSearchQuery } = viz;\nconst data = getDataFromSearchQuery();\n\nconst SI_SYMBOL = ["", "k", "M", "G", "T", "P", "E"];\n\nfunction numberFormatter(number) {\n const tier = (Math.log10(number) / 3) | 0;\n if (tier == 0) return number;\n const suffix = SI_SYMBOL[tier];\n const scale = Math.pow(10, tier * 3);\n const scaled = number / scale;\n return scaled.toFixed(1) + suffix;\n}\n\nconst months = [\n "January",\n "February",\n "March",\n "April",\n "May",\n "June",\n "July",\n "August",\n "September",\n "October",\n "November",\n "December",\n];\n\nconst RowField = "value";\nconst ColumnField = "month";\nconst ColorField = "state";\n\nmuze\n .canvas()\n .data(data)\n .rows([RowField])\n .columns([ColumnField])\n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n }\n ])\n .config({\n sort: {\n month: (a, b) => months.indexOf(a) - months.indexOf(b),\n },\n axes: {\n y: {\n tickFormat: (val) => numberFormatter(val.rawValue),\n numberOfTicks: 8,\n },\n },\n legend: {\n color: {\n fields: {\n [ColorField]: {\n range: ["pink", "orange", "red", "mauvish", "yellow"]\n }\n }\n }\n }\n })\n .title("Coronavirus tests done by states")\n .subtitle("From April - August")\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/StylingTutorial/Range.jsx"}),"\n",(0,n.jsx)(e.h2,{id:"changing-the-color-of-other-elements-axis-tool-tips-etc",children:"Changing the color of other elements (axis, tool-tips etc.)"}),"\n",(0,n.jsx)(e.h3,{id:"axis-styling",children:"Axis Styling"}),"\n",(0,n.jsx)(e.p,{children:"Muze provides default class names for axis and tooltips."}),"\n",(0,n.jsx)(e.p,{children:"Let's see how you can use these classes and change the color of axis ticks"}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:".muze-ticks"}),": This classname is used for changing style of axis tick labels"]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:".muze-tick-lines"}),": This classname is used for changing the style of axis tick lines"]}),"\n"]}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-CSS",children:"#chart .muze-ticks {\n fill: #bb9077;\n}\n\n#chart .muze-tick-lines {\n stroke: #626262;\n}\n"})}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"Example"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-CSS",children:"#chart .muze-ticks {\n fill: #bb9077;\n}\n\n#chart .muze-tick-lines {\n stroke: #626262;\n}\n"})}),"\n",(0,n.jsx)(e.p,{children:"JavaScript"}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:'const { muze, getDataFromSearchQuery, env } = viz;
1\nconst data = getDataFromSearchQuery();\n\nconst SI_SYMBOL = ["", "k", "M", "G", "T", "P", "E"];\n\nfunction numberFormatter(number) {\n const tier = (Math.log10(number) / 3) | 0;\n if (tier == 0) return number;\n const suffix = SI_SYMBOL[tier];\n const scale = Math.pow(10, tier * 3);\n const scaled = number / scale;\n return scaled.toFixed(1) + suffix;\n}\n\nconst months = [\n "January",\n "February",\n "March",\n "April",\n "May",\n "June",\n "July",\n "August",\n "September",\n "October",\n "November",\n "December",\n];\n\nconst RowField = "value";\nconst ColumnField = "month";\nconst ColorField = "state";\n\nmuze\n .canvas()\n .data(data)\n .rows([RowField]) \n .columns([ColumnField]) \n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n },\n ])\n .config({\n sort: {\n month: (a, b) => months.indexOf(a) - months.indexOf(b),\n },\n axes: {\n y: {\n tickFormat: (val) => numberFormatter(val.rawValue),\n numberOfTicks: 8,\n },\n },\n legend: {\n color: {\n fields: {\n [ColorField]: {\n range: ["pink", "orange", "red", "mauvish", "yellow"]\n }\n }\n }\n }\n })\n .title("Coronavirus tests done by states")\n .subtitle("From April - August")\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/StylingTutorial/TickStyles.jsx"}),"\n",(0,n.jsx)(e.h3,{id:"tooltip-styling",children:"Tooltip Styling"}),"\n",(0,n.jsx)(e.p,{children:"Muze adds classnames in tooltip elements which you can use to change the style of tooltip."}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:".muze-tooltip-box"}),": This classname is used to set the background and color of the tooltip container"]}),"\n"]}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-CSS",children:"#chart .muze-tooltip-box {\n padding: 5px;\n background: #2d2424;\n color: #fff;\n box-shadow: none;\n}\n\n#chart .muze-tooltip-value {\n color: #fff;\n}\n\n#chart .muze-tooltip-key {\n color: #fff;\n}\n\n\n#chart .muze-tooltip-content-container-highlightSummary {\n border-right: none;\n}\n\n#chart .muze-tooltip-selected-row {\n background: #615252;\n}\n"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:' const { muze, getDataFromSearchQuery, env } = viz;\n const data = getDataFromSearchQuery();\n\n const RowField = "Horsepower";\n const ColumnField = "Origin";\n const ColorField = "Cylinders";\n muze\n .canvas()\n .rows([RowField])\n .columns([ColumnField])\n .data(data)\n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n }\n ])\n .title("Grouped bar chart", { position: "bottom", align: "right" })\n .subtitle("Horsepower by Origin coloured by Cylinders", {\n position: "bottom",\n align: "right"\n })\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/StylingTutorial/Tooltip.jsx"}),"\n",(0,n.jsx)(e.h2,{id:"styling-the-title-and-subtitle-including-alignment",children:"Styling the title and subtitle (including alignment)"}),"\n",(0,n.jsx)(e.p,{children:"Muze provides classnames for title and subtitle which can be used to change their style."}),"\n",(0,n.jsxs)(e.ul,{children:["\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"muze-title-cell"}),": Styles the title element."]}),"\n",(0,n.jsxs)(e.li,{children:[(0,n.jsx)(e.code,{children:"muze-subtitle-cell"}),": Styles the subtitle element."]}),"\n"]}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"CSS"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-CSS",children:"#chart .muze-title-cell {\n font-family: Arial;\n color: #090f54;\n}\n\n#chart .muze-subtitle-cell {\n font-family: Arial;\n color: #626262;\n}\n"})}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"JavaScript"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:'const { muze, getDataFromSearchQuery, env } = viz;
1\nconst data = getDataFromSearchQuery();\n\nconst SI_SYMBOL = ["", "k", "M", "G", "T", "P", "E"];\n\nfunction numberFormatter(number) {\n const tier = (Math.log10(number) / 3) | 0;\n if (tier == 0) return number;\n const suffix = SI_SYMBOL[tier];\n const scale = Math.pow(10, tier * 3);\n const scaled = number / scale;\n return scaled.toFixed(1) + suffix;\n}\n\nconst months = [\n "January",\n "February",\n "March",\n "April",\n "May",\n "June",\n "July",\n "August",\n "September",\n "October",\n "November",\n "December",\n];\n\nconst RowField = "value";\nconst ColumnField = "month";\nconst ColorField = "state";\n\nmuze\n .canvas()\n .data(data)\n .rows([RowField]) \n .columns([ColumnField]) \n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n },\n ])\n .config({\n sort: {\n month: (a, b) => months.indexOf(a) - months.indexOf(b),\n },\n axes: {\n y: {\n tickFormat: (val) => numberFormatter(val.rawValue),\n numberOfTicks: 8,\n },\n },\n legend: {\n color: {\n fields: {\n [ColorField]: {\n range: ["pink", "orange", "red", "mauvish", "yellow"]\n }\n }\n }\n }\n })\n .title("Coronavirus tests done by states")\n .subtitle("From April - August")\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/StylingTutorial/TitleStyle.jsx"}),"\n",(0,n.jsx)(e.h2,{id:"adding-a-background-color-to-the-chart",children:"Adding a background color to the chart"}),"\n",(0,n.jsxs)(e.p,{children:["Background color of chart can be changed using ",(0,n.jsx)(e.code,{children:"muze-group-container"})," classname."]}),"\n",(0,n.jsx)(e.p,{children:"Let's see how we can do this using css:"}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"CSS"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-CSS",children:"#chart .muze-group-container {\n background: #ffdddd;\n}\n"})}),"\n",(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:"JavaScript"})}),"\n",(0,n.jsx)(e.pre,{children:(0,n.jsx)(e.code,{className:"language-javascript",children:' const { muze, getDataFromSearchQuery, env } = viz;\n const data = getDataFromSearchQuery();\n\n // Declare fields for rows, columns, and color as done above for consistency and clarity\n const RowField = "Horsepower";\n const ColumnField = "Origin";\n const ColorField = "Cylinders";\n\n muze\n .canvas()\n .rows([RowField])\n .columns([ColumnField])\n .data(data)\n .layers([\n {\n mark: "bar",\n transform: { type: "group" },\n encoding: {\n color: ColorField\n }\n }\n ])\n .title("Grouped bar chart", { position: "bottom", align: "right" })\n .subtitle("Horsepower by Origin coloured by Cylinders", {\n position: "bottom",\n align: "right"\n })\n .mount("#chart");\n'})}),"\n",(0,n.jsx)(i.default,{chartPath:"./LiveCharts/StylingTutorial/BgColor.jsx"})]})}function u(a={}){const{wrapper:e}={...(0,s.R)(),...a.components};return e?(0,n.jsx)(e,{...a,children:(0,n.jsx)(d,{...a})}):d(a)}},28453:(a,e,t)=>{"use strict";t.d(e,{R:()=>i,x:()=>l});var r=t(96540);const n={},s=r.createContext(n);function i(a){const e=r.useContext(s);return r.useMemo((function(){return"function"==typeof a?a(e):{...e,...a}}),[e,a])}function l(a){let e;return e=a.disableParentContext?"function"==typeof a.components?a.components(n):a.components||n:i(a.components),r.createElement(s.Provider,{value:e},a.children)}},43732:(a,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>i});var r=t(96540),n=t(9136),s=t(74848);const i=({chartPath:a})=>{const e=(0,n.A)(),i=r.lazy((()=>t(52382)(`${a}`)));return e?(0,s.jsx)(r.Suspense,{fallback:(0,s.jsx)("div",{children:"Loading Chart..."}),children:(0,s.jsx)(i,{})}):null}},52382:(a,e,t)=>{var r={"./ChartsDisplay/ChartsDisplay":[22366,9,71869,22366],"./ChartsDisplay/ChartsDisplay.jsx":[22366,9,71869,22366],"./ChartsDisplay/ChartsDisplay.module.css":[14522,9,71869,14522],"./ChartsDisplay/ChartsGrid":[99514,9,71869,99514],"./ChartsDisplay/ChartsGrid.jsx":[99514,9,71869,99514],"./ChartsDisplay/ChartsGridLazy":[15492,9,71869,15492],"./ChartsDisplay/ChartsGridLazy.jsx":[15492,9,71869,15492],"./Gallery/App.css":[3328,9,71869,3328],"./Gallery/chartData":[59300,9,59300],"./Gallery/chartData.jsx":[59300,9,59300],"./Gallery/charts/100-percent-stacked-area":[73059,9,71869,33679,73059],"./Gallery/charts/100-percent-stacked-area.jsx":[73059,9,71869,33679,73059],"./Gallery/charts/100-percent-stacked-bar-chart":[14754,9,71869,33679,14754],"./Gallery/charts/100-percent-stacked-bar-chart.jsx":[14754,9,71869,33679,14754],"./Gallery/charts/area-with-missing-data":[4770,9,71869,33679,4770],"./Gallery/charts/area-with-missing-data.jsx":[4770,9,71869,33679,4770],"./Gallery/charts/bar-and-tick":[6497,9,71869,33679,50445],"./Gallery/charts/bar-and-tick.jsx":[6497,9,71869,33679,50445],"./Gallery/charts/bar-chart":[17804,9,71869,33679,17804],"./Gallery/charts/bar-chart.jsx":[17804,9,71869,33679,17804],"./Gallery/charts/barcode-chart":[26795,9,71869,33679,26795],"./Gallery/charts/barcode-chart.jsx":[26795,9,71869,33679,26795],"./Gallery/charts/basic-scatterplot":[45778,9,71869,33679,45778],"./Gallery/charts/basic-scatterplot.jsx":[45778,9,71869,33679,45778],"./Gallery/charts/box-plot":[68659,9,71869,33679,86131],"./Gallery/charts/box-plot.jsx":[68659,9,71869,33679,86131],"./Gallery/charts/bubble-chart":[95203,9,71869,33679,95203],"./Gallery/charts/bubble-chart.jsx":[95203,9,71869,33679,95203],"./Gallery/charts/bullet-chart":[9693,9,71869,33679,9693],"./Gallery/charts/bullet-chart.jsx":[9693,9,71869,33679,9693],"./Gallery/charts/candlestick-chart":[71634,9,71869,33679,71634],"./Gallery/charts/candlestick-chart.jsx":[71634,9,71869,33679,71634],"./Gallery/charts/color-range":[43703,9,43703],"./Gallery/charts/color-range.js":[43703,9,43703],"./Gallery/charts/cross-tab-bar-chart":[45285,9,71869,33679,45285],"./Gallery/charts/cross-tab-bar-chart.jsx":[45285,9,71869,33679,45285],"./Gallery/charts/cross-tab-pie-chart":[82144,9,71869,33679,82144],"./Gallery/charts/cross-tab-pie-chart.jsx":[82144,9,71869,33679,82144],"./Gallery/charts/crossfilter":[38030,9,71869,33679,38030],"./Gallery/charts/crossfilter.jsx":[38030,9,71869,33679,38030],"./Gallery/charts/donut-chart":[4611,9,71869,33679,4611],"./Gallery/charts/donut-chart.jsx":[4611,9,71869,33679,4611],"./Gallery/charts/dot-plot":[87377,9,71869,33679,87377],"./Gallery/charts/dot-plot.jsx":[87377,9,71869,33679,87377],"./Gallery/charts/dual-axes":[26592,9,71869,33679,26592],"./Gallery/charts/dual-axes.jsx":[26592,9,71869,33679,26592],"./Gallery/charts/gantt-chart":[46325,9,71869,33679,46325],"./Gallery/charts/gantt-chart.jsx":[46325,9,71869,33679,46325],"./Gallery/charts/gradient-line-chart":[34036,9,71869,33679,40001],"./Gallery/charts/gradient-line-chart.jsx":[34036,9,71869,33679,40001],"./Gallery/charts/heatmap":[43892,9,71869,33679,43892],"./Gallery/charts/heatmap.jsx":[43892,9,71869,33679,43892],"./Gallery/charts/histogram":[69098,9,71869,33679,69098],"./Gallery/charts/histogram.jsx":[69098,9,71869,33679,69098],"./Gallery/charts/line-chart-with-missing-data":[9524,9,71869,33679,9524],"./Gallery/charts/line-chart-with-missing-data.jsx":[9524,9,71869,33679,9524],"./Gallery/charts/load":[70894,9,70894],"./Gallery/charts/load-data":[68583,9,68583],"./Gallery/charts/load-data.js":[68583,9,68583],"./Gallery/charts/load.js":[70894,9,70894],"./Gallery/charts/lollipop-chart":[96348,9,71869,33679,96348],"./Gallery/charts/lollipop-chart.jsx":[96348,9,71869,33679,96348],"./Gallery/charts/mn-mv":[63393,9,63393],"./Gallery/charts/mn-mv.js":[
163393,9,63393],"./Gallery/charts/multiple-line-chart-with-highlights":[81685,9,71869,33679,98264],"./Gallery/charts/multiple-line-chart-with-highlights.jsx":[81685,9,71869,33679,98264],"./Gallery/charts/overlapping-histogram":[5456,9,71869,33679,5456],"./Gallery/charts/overlapping-histogram.jsx":[5456,9,71869,33679,5456],"./Gallery/charts/pareto-chart":[46676,9,71869,33679,46676],"./Gallery/charts/pareto-chart.jsx":[46676,9,71869,33679,46676],"./Gallery/charts/pie-chart":[26665,9,71869,33679,28808],"./Gallery/charts/pie-chart.jsx":[26665,9,71869,33679,28808],"./Gallery/charts/polar-area-chart":[76287,9,71869,33679,76287],"./Gallery/charts/polar-area-chart.jsx":[76287,9,71869,33679,76287],"./Gallery/charts/pt-with-mv-mv-separate-legends":[1890,9,71869,33679,1890],"./Gallery/charts/pt-with-mv-mv-separate-legends.jsx":[1890,9,71869,33679,1890],"./Gallery/charts/ranged-area-with-line":[97737,9,71869,33679,97737],"./Gallery/charts/ranged-area-with-line.jsx":[97737,9,71869,33679,97737],"./Gallery/charts/reference-line":[77688,9,71869,33679,77688],"./Gallery/charts/reference-line.jsx":[77688,9,71869,33679,77688],"./Gallery/charts/scatter-plot":[60108,9,71869,33679,60108],"./Gallery/charts/scatter-plot-with-shapes":[34380,9,71869,33679,94347],"./Gallery/charts/scatter-plot-with-shapes.jsx":[34380,9,71869,33679,94347],"./Gallery/charts/scatter-plot.jsx":[60108,9,71869,33679,60108],"./Gallery/charts/scatterplot-matrix":[17649,9,71869,33679,24030],"./Gallery/charts/scatterplot-matrix.jsx":[17649,9,71869,33679,24030],"./Gallery/charts/slope-chart":[50930,9,71869,33679,50930],"./Gallery/charts/slope-chart.jsx":[50930,9,71869,33679,50930],"./Gallery/charts/stacked-area":[21993,9,71869,33679,21993],"./Gallery/charts/stacked-area.jsx":[21993,9,71869,33679,21993],"./Gallery/charts/stacked-bar":[93103,9,71869,33679,17521],"./Gallery/charts/stacked-bar.jsx":[93103,9,71869,33679,17521],"./Gallery/charts/stacked-histogram":[20982,9,71869,33679,20982],"./Gallery/charts/stacked-histogram.jsx":[20982,9,71869,33679,20982],"./Gallery/charts/unemployment-data":[62668,9,62668],"./Gallery/charts/unemployment-data.js":[62668,9,62668],"./Gallery/charts/vertical-area-chart":[59067,9,71869,33679,59067],"./Gallery/charts/vertical-area-chart.jsx":[59067,9,71869,33679,59067],"./Gallery/charts/waterfall-chart":[58621,9,71869,33679,58621],"./Gallery/charts/waterfall-chart.jsx":[58621,9,71869,33679,58621],"./GalleryDisplay":[85014,9,71869,85014],"./GalleryDisplay/":[85014,9,71869,85014],"./GalleryDisplay/GalleryGrid":[99132,9,71869,76751],"./GalleryDisplay/GalleryGrid.jsx":[99132,9,71869,76751],"./GalleryDisplay/GalleryGrid.module.css":[41016,9,71869,41016],"./GalleryDisplay/IntersectionObserverWrapper":[64980,9,64980],"./GalleryDisplay/IntersectionObserverWrapper.jsx":[64980,9,64980],"./GalleryDisplay/README.md":[53087,9,53087],"./GalleryDisplay/categories":[26583,9,71869,33679,26583],"./GalleryDisplay/categories/":[26583,9,71869,33679,26583],"./GalleryDisplay/categories/CorrelationGrid":[45381,9,71869,33679,45381],"./GalleryDisplay/categories/CorrelationGrid.jsx":[45381,9,71869,33679,45381],"./GalleryDisplay/categories/DistributionGrid":[23147,9,71869,33679,23147],"./GalleryDisplay/categories/DistributionGrid.jsx":[23147,9,71869,33679,23147],"./GalleryDisplay/categories/EvolutionGrid":[39518,9,71869,33679,39518],"./GalleryDisplay/categories/EvolutionGrid.jsx":[39518,9,71869,33679,39518],"./GalleryDisplay/categories/FinancialGrid":[27652,9,71869,33679,27652],"./GalleryDisplay/categories/FinancialGrid.jsx":[27652,9,71869,33679,27652],"./GalleryDisplay/categories/LazyGrids":[42724,9,42724],"./GalleryDisplay/categories/LazyGrids.jsx":[42724,9,42724],"./GalleryDisplay/categories/MultivariateGrid":[83044,9,71869,33679,83044],"./GalleryDisplay/categories/MultivariateGrid.jsx":[83044,9,71869,33679,83044],"./GalleryDisplay/categories/PartOfWholeGrid":[97008,9,71869,33679,97008],"./GalleryDisplay/categories/PartOfWholeGrid.jsx":[97008,9,71869,33679,97008],"./GalleryDisplay/categories/RankingGrid":[32571,9,71869,33679,32571],"./GalleryDisplay/categories/RankingGrid.jsx":[32571,9,71869,33679,32571],"./GalleryDisplay/categories/TrendAnalysisGrid":[46534,9,71869,33679,46534],"./GalleryDisplay/categories/TrendAnalysisGrid.jsx":[46534,9,71869,33679,46534],"./GalleryDisplay/categories/index":[26583,9,71869,33679,26583],"./GalleryDisplay/categories/index.js":[26583,9,71869,33679,26583],"./GalleryDisplay/index":[85014,9,71869,85014],"./GalleryDisplay/index.js":[85014,9,71869,85014],"./HomepageFeatures":[48329,9,71869,48329],"./HomepageFeatures/":[48329,9,71869,48329],"./HomepageFeatures/CustomCharts/CustomCharts":[38012,9,71869,38012],"./HomepageFeatures/CustomCharts/CustomCharts.jsx":[38012,9,71869,38012],"./HomepageFeatures/CustomCharts/CustomCharts.module.css":[6140,9,71869,6140],"./HomepageFeatures/Footer/F
1ooter":[87686,9,71869,87686],"./HomepageFeatures/Footer/Footer.jsx":[87686,9,71869,87686],"./HomepageFeatures/Footer/Footer.module.css":[34286,9,71869,34286],"./HomepageFeatures/Hero/HeroItem":[18377,9,71869,18377],"./HomepageFeatures/Hero/HeroItem.jsx":[18377,9,71869,18377],"./HomepageFeatures/Hero/HeroItem.module.css":[78755,9,71869,78755],"./HomepageFeatures/index":[48329,9,71869,48329],"./HomepageFeatures/index.js":[48329,9,71869,48329],"./HomepageFeatures/styles.module.css":[43291,9,71869,43291],"./LiveCharts/AverageTick":[12581,9,71869,33679,12581],"./LiveCharts/AverageTick.jsx":[12581,9,71869,33679,12581],"./LiveCharts/BasicBarChart/03.1":[96205,9,71869,33679,96205],"./LiveCharts/BasicBarChart/03.1.jsx":[96205,9,71869,33679,96205],"./LiveCharts/BasicBarChart/04.1":[20166,9,71869,33679,20166],"./LiveCharts/BasicBarChart/04.1.jsx":[20166,9,71869,33679,20166],"./LiveCharts/BasicBarChart/04.2":[33533,9,71869,33679,33533],"./LiveCharts/BasicBarChart/04.2.jsx":[33533,9,71869,33679,33533],"./LiveCharts/BasicBarChart/05.1":[49479,9,71869,33679,49479],"./LiveCharts/BasicBarChart/05.1.jsx":[49479,9,71869,33679,49479],"./LiveCharts/BasicBarChart/05.11":[67174,9,71869,33679,67174],"./LiveCharts/BasicBarChart/05.11.jsx":[67174,9,71869,33679,67174],"./LiveCharts/BasicBarChart/05.12":[97757,9,71869,33679,97757],"./LiveCharts/BasicBarChart/05.12.jsx":[97757,9,71869,33679,97757],"./LiveCharts/BasicBarChart/05.13":[50680,9,71869,33679,50680],"./LiveCharts/BasicBarChart/05.13.jsx":[50680,9,71869,33679,50680],"./LiveCharts/BasicBarChart/05.2":[41180,9,71869,33679,41180],"./LiveCharts/BasicBarChart/05.2.jsx":[41180,9,71869,33679,41180],"./LiveCharts/BasicBarChart/05.3":[10401,9,71869,33679,10401],"./LiveCharts/BasicBarChart/05.3.jsx":[10401,9,71869,33679,10401],"./LiveCharts/BasicBarChart/05.4":[55142,9,71869,33679,55142],"./LiveCharts/BasicBarChart/05.4.jsx":[55142,9,71869,33679,55142],"./LiveCharts/BasicBarChart/06.1":[48072,9,71869,33679,48072],"./LiveCharts/BasicBarChart/06.1.jsx":[48072,9,71869,33679,48072],"./LiveCharts/BasicBarChart/06.2":[88515,9,71869,33679,88515],"./LiveCharts/BasicBarChart/06.2.jsx":[88515,9,71869,33679,88515],"./LiveCharts/BasicBarChart/06.3":[22230,9,71869,33679,22230],"./LiveCharts/BasicBarChart/06.3.jsx":[22230,9,71869,33679,22230],"./LiveCharts/BasicBarChart/06.4":[20017,9,71869,33679,20017],"./LiveCharts/BasicBarChart/06.4.jsx":[20017,9,71869,33679,20017],"./LiveCharts/BasicBarChart/06.5":[57964,9,71869,33679,57964],"./LiveCharts/BasicBarChart/06.5.jsx":[57964,9,71869,33679,57964],"./LiveCharts/BasicBarChart/06.6":[42551,9,71869,33679,42551],"./LiveCharts/BasicBarChart/06.6.jsx":[42551,9,71869,33679,42551],"./LiveCharts/BasicBarChart/06.7":[52746,9,71869,33679,52746],"./LiveCharts/BasicBarChart/06.7.jsx":[52746,9,71869,33679,52746],"./LiveCharts/BasicBarChart/07.1":[60881,9,71869,33679,60881],"./LiveCharts/BasicBarChart/07.1.jsx":[60881,9,71869,33679,60881],"./LiveCharts/BasicBarChart/07.2":[93610,9,71869,33679,93610],"./LiveCharts/BasicBarChart/07.2.jsx":[93610,9,71869,33679,93610],"./LiveCharts/BasicBarChart/08.1":[82538,9,71869,82538],"./LiveCharts/BasicBarChart/08.1.jsx":[82538,9,71869,82538],"./LiveCharts/BasicBarChart/09.1":[17835,9,71869,33679,17835],"./LiveCharts/BasicBarChart/09.1.jsx":[17835,9,71869,33679,17835],"./LiveCharts/BasicBarChart/09.2":[26896,9,71869,33679,26896],"./LiveCharts/BasicBarChart/09.2.jsx":[26896,9,71869,33679,26896],"./LiveCharts/BasicBarChart/09.3":[6549,9,71869,33679,6549],"./LiveCharts/BasicBarChart/09.3.jsx":[6549,9,71869,33679,6549],"./LiveCharts/BasicBarChart/09.4":[91122,9,71869,33679,91122],"./LiveCharts/BasicBarChart/09.4.jsx":[91122,9,71869,33679,91122],"./LiveCharts/BasicBarChart/10.1":[13213,9,71869,33679,13213],"./LiveCharts/BasicBarChart/10.1.jsx":[13213,9,71869,33679,13213],"./LiveCharts/BasicBarChart/10.2":[82630,9,71869,33679,82630],"./LiveCharts/BasicBarChart/10.2.jsx":[82630,9,71869,33679,82630],"./LiveCharts/BasicBarChart/10.3":[31539,9,71869,33679,31539],"./LiveCharts/BasicBarChart/10.3.jsx":[31539,9,71869,33679,31539],"./LiveCharts/BasicBarChart/10.4":[68668,9,71869,33679,68668],"./LiveCharts/BasicBarChart/10.4.jsx":[68668,9,71869,33679,68668],"./LiveCharts/BasicBarChart/10.5":[21537,9,71869,33679,21537],"./LiveCharts/BasicBarChart/10.5.jsx":[21537,9,71869,33679,21537],"./LiveCharts/BasicBarChart/19.1":[48428,9,71869,33679,48428],"./LiveCharts/BasicBarChart/19.1.jsx":[48428,9,71869,33679,48428],"./LiveCharts/BasicBarChart/19.2":[67639,9,71869,33679,67639],"./LiveCharts/BasicBarChart/19.2.jsx":[67639,9,71869,33679,67639],"./LiveCharts/BoxPlot":[77269,9,71869,33679,77269],"./LiveCharts/BoxPlot.jsx":[77269,9,71869,33679,77269],"./LiveCharts/ChartWithSlider":[38876,9,71869,33679,38876],"./LiveCharts/ChartWithSlider.jsx":[38876,9,71869,33679,38876],"./LiveCharts/CrossConnectedChart":[6892,9,71869,33679,6892],"./LiveCharts/CrossConnectedChart.jsx":[6892,9,71869,33679,6892],"./LiveCharts/CrossTabPie":[13982,9,71869,33679,13982],"./LiveCharts/CrossTabPie.jsx":[13982,9,71869,33679,13982],"./LiveCharts/CustomLoading":[27488,9,71869,33679,27488],"./LiveCharts/CustomLoading.css":[70971,9,71869,70971],"./LiveCharts/CustomLoading.jsx":[27488,9,71869,33679,27488],"./LiveCharts/CustomNumberFormatting/Chart1":[37192,9,71869,33679,37192],"./LiveCharts/CustomNumberFormatting/Chart1.jsx":[37192,9,71869,33679,37192],"./LiveCharts/CustomNumberFormatting/Chart2":[77635,9,71869,33679,77635],"./LiveCharts/CustomNumberFormatting/Chart2.jsx":[77635,9,71869,33679,77635],"./LiveCharts/Datamodel/GroupBy":[94107,9,71869,33679,94107],"./LiveCharts/Datamodel/GroupBy.jsx":[94107,9,71869,33679,94107],"./LiveCharts/Datamodel/Propagation":[51691,9,71869,33679,51691],"./LiveCharts/Datamodel/Propagation.jsx":[51691,9,71869,33679,51691],"./LiveCharts/Datamodel/datamodel.css":[11981,9,71869,11981],"./LiveCharts/Datamodel/grid":[27239,9,27239],"./LiveCharts/Datamodel/grid.js":[27239,9,27239],"./LiveCharts/Datamodel/utiltiy":[8377,7,8377],"./LiveCharts/Datamodel/utiltiy.js":[8377,7,8377],"./LiveCharts/Drilldown/DrilldownComplex":[6184,9,71869,33679,6184],"./LiveCharts/Drilldown/DrilldownComplex.jsx":[6184,9,71869,33679,6184],"./LiveCharts/Drilldown/DrilldownSimple":[26531,9,71869,33679,48912],"./LiveCharts/Drilldown/DrilldownSimple.jsx":[26531,9,71869,33679,48912],"./LiveCharts/Drilldown/drilldownSimple.css":[29251,9,71869,29251],"./LiveCharts/Heatmap":[22143,9,71869,33679,22143],"./LiveCharts/Heatmap.jsx":[22143,9,71869,33679,22143],"./LiveCharts/HeatmapWithTimeAxis":[67175,9,71869,33679,67175],"./LiveCharts/HeatmapWithTimeAxis.jsx":[67175,9,71869,33679,67175],"./LiveCharts/Histogram":[85405,9,71869,33679,85405],"./LiveCharts/Histogram.jsx":[85405,9,71869,33679,85405],"./LiveCharts/LassoSelection":[21067,9,71869,33679,43448],"./LiveCharts/LassoSelection.jsx":[21067,9,71869,33679,43448],"./LiveCharts/LifeCycleEvents":[40288,9,71869,33679,40288],"./LiveCharts/LifeCycleEvents.jsx":[40288,9,71869,33679,40288],"./LiveCharts/PieChartWIthText":[89516,9,71869,33679,89516],"./LiveCharts/PieChartWIthText.jsx":[89516,9,71869,33679,89516],"./LiveCharts/RangePlot/BoxPlot":[79770,9,71869,33679,79770],"./LiveCharts/RangePlot/BoxPlot.jsx":[79770,9,71869,33679,79770],"./LiveCharts/RangePlot/RangeBarChart":[1186,9,71869,33679,1186],"./LiveCharts/RangePlot/RangeBarChart.jsx":[1186,9,71869,33679,1186],"./LiveCharts/RangePlot/RangeTick":[89460,9,71869,33679,89460],"./LiveCharts/RangePlot/RangeTick.jsx":[89460,9,71869,33679,89460],"./LiveCharts/ReferenceLineTutorial/BarWithReferenceLine":[95001,9,71869,33679,95001],"./LiveCharts/ReferenceLineTutorial/BarWithReferenceLine.jsx":[95001,9,71869,33679,95001],"./LiveCharts/ReferenceLineTutorial/CrossTabWithReferenceLine":[98563,9,71869,33679,98563],"./LiveCharts/ReferenceLineTutorial/CrossTabWithReferenceLine.jsx":[98563,9,71869,33679,98563],"./LiveCharts/ReferenceLineTutorial/InteractiveRefLine":[25408,9,71869,33679,25408],"./LiveCharts/ReferenceLineTutorial/InteractiveRefLine.jsx":[25408,9,71869,33679,25408],"./LiveCharts/ReferenceLineTutorial/SimpleBar":[82600,9,71869,33679,82600],"./LiveCharts/ReferenceLineTutorial/SimpleBar.jsx":[82600,9,71869,33679,82600],"./LiveCharts/ScatterPlotWithCustomShape":[22718,9,71869,33679,22718],"./LiveCharts/ScatterPlotWithCustomShape.jsx":[22718,9,71869,33679,22718],"./LiveCharts/StackedBarLayer":[20998,9,71869,33679,20998],"./LiveCharts/StackedBarLayer.jsx":[20998,9,71869,33679,20998],"./LiveCharts/StylingTutorial/BgColor":[13132,9,71869,33679,13132],"./LiveCharts/StylingTutorial/BgColor.jsx":[13132,9,71869,33679,13132],"./LiveCharts/StylingTutorial/Range":[68121,9,71869,33679,68121],"./LiveCharts/StylingTutorial/Range.jsx":[68121,9,71869,33679,68121],"./LiveCharts/StylingTutorial/Styling":[59248,9,71869,33679,59248],"./LiveCharts/StylingTutorial/Styling.jsx":[59248,9,71869,33679,59248],"./LiveCharts/StylingTutorial/TickStyles":[83269,9,71869,33679,83269],"./LiveCharts/StylingTutorial/TickStyles.jsx":[83269,9,71869,33679,83269],"./LiveCharts/StylingTutorial/TitleStyle":[49781,9,71869,33679,49781],"./LiveCharts/StylingTutorial/TitleStyle.jsx":[49781,9,71869,33679,49781],"./LiveCharts/StylingTutorial/Tooltip":[6915,9,71869,33679,6915],"./LiveCharts/StylingTutorial/Tooltip.jsx":[6915,9,71869,33679,6915],"./LiveCharts/StylingTutorial/bgColor.css":[41303,9,71869,41303],"./LiveCharts/StylingTutorial/fontStyle.css":[52043,9,71869,52043],"./LiveCharts/StylingTutorial/tickStyles.css":[83644,9,71869,83644],"./LiveCharts/StylingTutorial/titleStyle.css":[63036,9,71869,63036],"./LiveCharts/StylingTutorial/tooltip.css":[51268,9,71869,51268],"./LiveCharts/Tooltip/Chart1":[87306,9,71869,33679,87306],"./LiveCharts/Tooltip/Chart1.css":[58695,9,71869,58695],"./LiveCharts/Tooltip/Chart1.jsx":[87306,9,71869,33679,87306],"./LiveCharts/Tooltip/Chart2":[35345,9,71869,33679,35345],"./LiveCharts/Tooltip/Chart2.css":[68740,9,71869,68740],"./LiveCharts/Tooltip/Chart2.jsx":[35345,9,71869,33679,35345],"./LiveCharts/Trellis":[75440,9,71869,33679,75440],"./LiveCharts/Trellis.jsx":[75440,9,71869,33679,75440],"./LiveCharts/UpdateChartTutorial/UpdateChartType":[10460,9,71869,33679,10460],"./LiveCharts/UpdateChartTutorial/UpdateChartType.jsx":[10460,9,71869,33679,10460],"./LiveCharts/UpdateChartTutorial/UpdateData":[81686,9,71869,33679,81686],"./LiveCharts/UpdateChartTutorial/UpdateData.jsx":[81686,9,71869,33679,81686],"./LiveCharts/UpdateChartTutorial/UpdateFacet":[35129,9,71869,33679,35129],"./LiveCharts/UpdateChartTutorial/UpdateFacet.jsx":[35129,9,71869,33679,35129],"./LiveCharts/UpdateChartTutorial/UpdateLineToMultiLine":[33114,9,71869,33679,33114],"./LiveCharts/UpdateChartTutorial/UpdateLineToMultiLine.jsx":[33114,9,71869,33679,33114],"./LiveCharts/UpdateChartTutorial/UpdateRowsAndColumns":[69897,9,71869,33679,69897],"./LiveCharts/UpdateChartTutorial/UpdateRowsAndColumns.jsx":[69897,9,71869,33679,69897],"./LiveCharts/UpdateChartTutorial/UpdateScatter":[48898,9,71869,33679,48898],"./LiveCharts/UpdateChartTutorial/UpdateScatter.jsx":[48898,9,71869,33679,48898],"./LiveCharts/UpdateChartTutorial/button.css":[30364,9,71869,30364],"./LiveCharts/msftStockChart":[78639,9,71869,33679,78639],"./LiveCharts/msftStockChart.jsx":[78639,9,71869,33679,78639],"./MuzeChartRenderer":[64317,9,71869,33679,64317],"./MuzeChartRenderer.jsx":[64317,9,71869,33679,64317],"./MuzeChartRendererLazy":[62791,9,62791],"./MuzeChartRendererLazy.jsx":[62791,9,62791],"./NoSSR":[43732,9],"./NoSSR.jsx":[43732,9],"./Showcase/BackPill":[31697,9,71869,31697],"./Showcase/BackPill.jsx":[31697,9,71869,31697],"./Showcase/ForkPanel":[91915,9,71869,91915],"./Showcase/ForkPanel.jsx":[9
11915,9,71869,91915],"./Showcase/Showcase.module.css":[60138,9,71869,60138],"./Showcase/ShowcaseArtifacts":[44985,9,71869,44985],"./Showcase/ShowcaseArtifacts.jsx":[44985,9,71869,44985],"./Showcase/ShowcaseChart":[8604,9,71869,33679,86223],"./Showcase/ShowcaseChart.jsx":[8604,9,71869,33679,86223],"./Showcase/ShowcaseChartLazy":[52010,9,71869,52010],"./Showcase/ShowcaseChartLazy.jsx":[52010,9,71869,52010],"./Showcase/ShowcaseList":[31114,9,71869,31114],"./Showcase/ShowcaseList.jsx":[31114,9,71869,31114],"./Showcase/ShowcaseRoot":[63182,9,71869,63182],"./Showcase/ShowcaseRoot.jsx":[63182,9,71869,63182]};function n(a){if(!t.o(r,a))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+a+"'");throw e.code="MODULE_NOT_FOUND",e}));var e=r[a],n=e[0];return Promise.all(e.slice(2).map(t.e)).then((()=>t.t(n,16|e[1])))}n.keys=()=>Object.keys(r),n.id=52382,a.exports=n},62791:(a,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>i});var r=t(96540),n=t(9136),s=t(74848);const i=a=>{const e=(0,n.A)(),i=r.lazy((()=>Promise.all([t.e(71869),t.e(33679),t.e(64317)]).then(t.bind(t,64317))));return e?(0,s.jsx)(r.Suspense,{fallback:(0,s.jsx)("div",{children:"Loading Chart..."}),children:(0,s.jsx)(i,{...a})}):null}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.