@semcore/d3-chart 2.2.6 → 2.3.0-1

package/lib/cjs/a11y/PlotA11yView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlotA11yView.js","names":["PlotA11yView","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","keys","fromHints","push","fields","verticalAxes","horizontalAxes","valueAxes","Object","values","Set","filter","key","length","forEach","row","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","label","renderTitle","useCallback","dataKey","useState","summary","setSummary","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleSkip","current","heavyFindNextFocusableElement","focus","handleSkipKeyboard","event","code","handleGoToTable","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","sstyled","styles","index","join","formatValue"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const intl = React.useMemo(() => getIntl(locale), [locale]);\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const keys = React.useMemo(() => {\n    let fromHints: (string | number)[] = [];\n    fromHints.push(...hints.fields.verticalAxes);\n    fromHints.push(...hints.fields.horizontalAxes);\n    fromHints.push(...hints.fields.valueAxes);\n    fromHints.push(...Object.keys(hints.fields.values));\n\n    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n    if (fromHints.length === 0) {\n      data.forEach((row) => fromHints.push(...Object.keys(row)));\n    }\n\n    return [...new Set(fromHints)];\n  }, [data, hints]);\n  const duplicatedBaseKeys = React.useMemo(() => {\n    const baseKeys = keys\n      .filter((key) => !hints.titles.valuesAxes[key])\n      .map((key) => {\n        if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n          return [key, hints.axesTitle.vertical];\n        if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n          return [key, hints.axesTitle.horizontal];\n      })\n      .filter((entry) => entry !== undefined)\n      .map((entry) => entry!);\n    const doublicated: Record<string, true> = {};\n    const handled: Record<string, string | number> = {};\n    for (const [key, label] of baseKeys) {\n      if (handled[label]) {\n        doublicated[key] = true;\n        doublicated[handled[label]] = true;\n      }\n      handled[label] = key;\n    }\n    return doublicated;\n  }, [keys, hints]);\n  const renderTitle = React.useCallback(\n    (dataKey: string | number) => {\n      if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n      if (!duplicatedBaseKeys[dataKey]) {\n        if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n          return hints.axesTitle.vertical;\n        if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n          return hints.axesTitle.horizontal;\n      }\n\n      return dataKey;\n    },\n    [data, hints, duplicatedBaseKeys],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale]);\n\n  const handleSkip = React.useCallback(() => {\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.code !== 'Enter') return;\n\n      handleSkip();\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback(() => {\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.code !== 'Enter') return;\n\n      handleGoToTable();\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView render=\"div\" tabIndex={0} aria-label={texts.label}>\n      <a aria-hidden onClick={handleSkip}>\n        {texts.close}\n      </a>\n      <a role=\"link\" tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a role=\"link\" tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n        <thead>\n          <tr>\n            {keys.map((key, index) => (\n              <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => (\n            <tr key={Object.values(row).join('-') + '-' + index}>\n              {keys.map((key, index) => (\n                <td key={`${key}-${index}`}>{formatValue(intl, row[key])}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/cjs/a11y/bezier.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeBezier = void 0;
+
+var makeBezier = function makeBezier(points, bounds) {
+  var yPoints = points.map(function (point) {
+    return point.y;
+  });
+  var noPoints = points.map(function () {
+    return 1;
+  });
+  var weightPoints = points.map(function (point) {
+    var _point$weight;
+
+    return (_point$weight = point.weight) !== null && _point$weight !== void 0 ? _point$weight : 1;
+  });
+
+  var process = function process(t, points) {
+    var result = 0;
+
+    for (var i = 0; i < points.length; i++) {
+      var tPower = i;
+      var reversedTPower = points.length - 1 - i;
+      var edge = i === 0 || i === points.length - 1;
+      var factor = edge ? 1 : points.length - 1;
+      var point = points[i];
+      var weight = weightPoints[i];
+      result += factor * Math.pow(t, tPower) * Math.pow(1 - t, reversedTPower) * point * weight;
+    }
+
+    return result;
+  };
+
+  return function (x) {
+    var t = x / bounds.width;
+    return process(t, yPoints) / process(t, noPoints);
+  };
+};
+
+exports.makeBezier = makeBezier;
+//# sourceMappingURL=bezier.js.map

package/lib/cjs/a11y/bezier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bezier.js","names":["makeBezier","points","bounds","yPoints","map","point","y","noPoints","weightPoints","weight","process","t","result","i","length","tPower","reversedTPower","edge","factor","x","width"],"sources":["../../../src/a11y/bezier.ts"],"sourcesContent":["export const makeBezier = (\n  points: { x: number; y: number; weight?: number }[],\n  bounds: { width: number; height: number },\n) => {\n  const yPoints = points.map((point) => point.y);\n  const noPoints = points.map(() => 1);\n  const weightPoints = points.map((point) => point.weight ?? 1);\n  const process = (t: number, points: number[]) => {\n    let result = 0;\n    for (let i = 0; i < points.length; i++) {\n      const tPower = i;\n      const reversedTPower = points.length - 1 - i;\n      const edge = i === 0 || i === points.length - 1;\n      const factor = edge ? 1 : points.length - 1;\n      const point = points[i];\n      const weight = weightPoints[i];\n      result += factor * t ** tPower * (1 - t) ** reversedTPower * point * weight;\n    }\n    return result;\n  };\n\n  return (x: number) => {\n    const t = x / bounds.width;\n    return process(t, yPoints) / process(t, noPoints);\n  };\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CACxBC,MADwB,EAExBC,MAFwB,EAGrB;EACH,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,CAAjB;EAAA,CAAX,CAAhB;EACA,IAAMC,QAAQ,GAAGN,MAAM,CAACG,GAAP,CAAW;IAAA,OAAM,CAAN;EAAA,CAAX,CAAjB;EACA,IAAMI,YAAY,GAAGP,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD;IAAA;;IAAA,wBAAWA,KAAK,CAACI,MAAjB,yDAA2B,CAA3B;EAAA,CAAX,CAArB;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAYV,MAAZ,EAAiC;IAC/C,IAAIW,MAAM,GAAG,CAAb;;IACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGZ,MAAM,CAACa,MAA3B,EAAmCD,CAAC,EAApC,EAAwC;MACtC,IAAME,MAAM,GAAGF,CAAf;MACA,IAAMG,cAAc,GAAGf,MAAM,CAACa,MAAP,GAAgB,CAAhB,GAAoBD,CAA3C;MACA,IAAMI,IAAI,GAAGJ,CAAC,KAAK,CAAN,IAAWA,CAAC,KAAKZ,MAAM,CAACa,MAAP,GAAgB,CAA9C;MACA,IAAMI,MAAM,GAAGD,IAAI,GAAG,CAAH,GAAOhB,MAAM,CAACa,MAAP,GAAgB,CAA1C;MACA,IAAMT,KAAK,GAAGJ,MAAM,CAACY,CAAD,CAApB;MACA,IAAMJ,MAAM,GAAGD,YAAY,CAACK,CAAD,CAA3B;MACAD,MAAM,IAAIM,MAAM,YAAGP,CAAH,EAAQI,MAAR,CAAN,YAAwB,IAAIJ,CAA5B,EAAkCK,cAAlC,IAAmDX,KAAnD,GAA2DI,MAArE;IACD;;IACD,OAAOG,MAAP;EACD,CAZD;;EAcA,OAAO,UAACO,CAAD,EAAe;IACpB,IAAMR,CAAC,GAAGQ,CAAC,GAAGjB,MAAM,CAACkB,KAArB;IACA,OAAOV,OAAO,CAACC,CAAD,EAAIR,OAAJ,CAAP,GAAsBO,OAAO,CAACC,CAAD,EAAIJ,QAAJ,CAApC;EACD,CAHD;AAID,CAzBM"}

package/lib/cjs/a11y/datasets/charts-a11y.js

@@ -0,0 +1,591 @@
+// import React from 'react';
+// import {
+//   Line,
+//   XAxis,
+//   Plot,
+//   YAxis,
+//   minMax,
+//   Tooltip,
+//   Bubble,
+//   Donut,
+//   colors,
+//   Bar,
+//   HorizontalBar,
+//   GroupBar,
+//   HoverRect,
+//   RadialTree,
+//   Plot,
+//   ScatterPlot,
+//   XAxis,
+//   YAxis,
+//   minMax,
+//   Tooltip,
+//   StackBar,
+//   Plot,
+//   XAxis,
+//   YAxis,
+//   minMax,
+//   colors,
+//   StackedArea,
+//   HoverLine,
+//   Tooltip,
+//   Venn,
+// } from '@semcore/d3-chart';
+// import { Flex, Box, Flex, Box } from '@semcore/flex-box';
+// import { Text, Text, Text } from '@semcore/typography';
+// import LikeM from '@semcore/icon/Like/m';
+// import resolveColor from '@semcore/utils/src/color';
+// import { scaleLinear, scaleBand, scaleLinear, scaleLinear } from 'd3-scale';
+// import goldData from '../../../semcore/d3-chart/src/a11y/datasets/gold.json';
+// import imbdmData from '../../../semcore/d3-chart/src/a11y/datasets/imdb.json';
+// import titanicData from '../../../semcore/d3-chart/src/a11y/datasets/titanic.json';
+// const Stonks = () => {
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const data = goldData
+//     .map((row) => {
+//       const [d, m, y] = row.Date.split('-');
+//       return {
+//         ...row,
+//         Date: new Date(`${m}-${d}-${y}`),
+//       };
+//     })
+//     .filter((_, index) => index % 10 === 0);
+//   const xScale = scaleLinear()
+//     .range([MARGIN, width - MARGIN])
+//     .domain(minMax(data, 'Date'));
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain(minMax(data, 'United States(USD)'));
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//         <YAxis.Title>Price</YAxis.Title>
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Title>Year</XAxis.Title>
+//         <XAxis.Ticks ticks={xScale.ticks(6)}>
+//           {({ value }) => ({
+//             children: formatDate(value, {
+//               month: 'short',
+//               day: 'numeric',
+//               year: 'numeric',
+//             }),
+//           })}
+//         </XAxis.Ticks>
+//       </XAxis>
+//       <Line x="Date" y="United States(USD)">
+//         <Line.Dots display />
+//       </Line>
+//       <Line x="Date" y="Europe(EUR)">
+//         <Line.Dots display />
+//       </Line>
+//       <Line x="Date" y="Australia(AUD)">
+//         <Line.Dots display />
+//       </Line>
+//     </Plot>
+//   );
+// };
+// const FilmBubbles = () => {
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const data = imbdmData
+//     .map((row) => ({ ...row, label: row.Title }))
+//     .filter((_, index) => index % 70 === 0);
+//   const xScale = scaleLinear()
+//     .range([MARGIN, width - MARGIN])
+//     .domain([1950, 2020]);
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain([0, 10]);
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Ticks />
+//       </XAxis>
+//       <Bubble x="ReleaseYear" y="IMDb-Rating" value="IMDb-Rating" />
+//     </Plot>
+//   );
+// };
+// const SurvivedTitanicClassesPie = () => {
+//   const data: Record<string, number> = {};
+//   for (const row of titanicData) {
+//     const className = String(row.Pclass);
+//     data[className] = data[className] ? data[className] + 1 : 1;
+//   }
+//   return (
+//     <Plot width={300} height={300} data={data}>
+//       <Donut innerRadius={100}>
+//         <Donut.Pie dataKey="1" name="Class 1" />
+//         <Donut.Pie dataKey="2" color={colors['green-02']} name="Class 2" />
+//         <Donut.Pie dataKey="3" color={colors['violet-04']} name="Class 3" />
+//         <Donut.Label>Survived classes</Donut.Label>
+//       </Donut>
+//       <Tooltip>
+//         {({ dataKey, name }) => {
+//           return {
+//             children: (
+//               <>
+//                 <Tooltip.Title>{name}</Tooltip.Title>
+//                 <Flex justifyContent="space-between">
+//                   <Text bold>{data[dataKey]}</Text>
+//                 </Flex>
+//               </>
+//             ),
+//           };
+//         }}
+//       </Tooltip>
+//     </Plot>
+//   );
+// };
+// const SurvivedTitanicClassesBars = () => {
+//   const pieData: Record<string, number> = {};
+//   for (const row of titanicData) {
+//     const className = String(row.Pclass);
+//     pieData[className] = pieData[className] ? pieData[className] + 1 : 1;
+//   }
+//   const data = Object.entries(pieData).map(([className, survived]) => ({
+//     className: `Class ${className}`,
+//     survived,
+//   }));
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const xScale = scaleBand()
+//     .range([MARGIN, width - MARGIN])
+//     .domain(data.map((d) => d.className))
+//     .paddingInner(0.4)
+//     .paddingOuter(0.2);
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain([0, 260]);
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Ticks />
+//         <XAxis.Title>Survived passengers</XAxis.Title>
+//       </XAxis>
+//       <Bar x="className" y="survived" />
+//     </Plot>
+//   );
+// };
+// const HorizaontalBars = () => {
+//   const data = [...Array(5).keys()].map((d, i) => ({
+//     category: `Category ${i}`,
+//     bar: i + (Math.random() * 10).toFixed('2'),
+//   }));
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const xScale = scaleLinear()
+//     .range([MARGIN * 2, width - MARGIN * 2])
+//     .domain([0, Math.max(...data.map((d) => d.bar))]);
+//   const yScale = scaleBand()
+//     .range([height - MARGIN, MARGIN])
+//     .domain(data.map((d) => d.category))
+//     .paddingInner(0.4)
+//     .paddingOuter(0.2);
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//       </YAxis>
+//       <HorizontalBar x="bar" y="category">
+//         {({ value, x, y, width, height }) => {
+//           return {
+//             children: (
+//               <text
+//                 x={x + width + 16}
+//                 y={y + height / 2}
+//                 textAnchor="start"
+//                 alignmentBaseline="middle"
+//                 fill={resolveColor('gray60')}
+//               >
+//                 $ {value.bar}
+//               </text>
+//             ),
+//           };
+//         }}
+//       </HorizontalBar>
+//     </Plot>
+//   );
+// };
+// const GroupBars = () => {
+//   const data = [...Array(5).keys()].map((d, i) => ({
+//     category: `Category ${i}`,
+//     bar1: Math.random() * 10,
+//     bar2: Math.random() * 10,
+//   }));
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const xScale = scaleLinear()
+//     .range([MARGIN * 2, width - MARGIN])
+//     .domain([0, 10]);
+//   const yScale = scaleBand()
+//     .range([height - MARGIN, MARGIN])
+//     .domain(data.map((d) => d.category))
+//     .paddingInner(0.4)
+//     .paddingOuter(0.2);
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis hide={false}>
+//         <YAxis.Ticks />
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Ticks />
+//         <XAxis.Grid />
+//       </XAxis>
+//       <Tooltip tag={HoverRect} y="category" wMin={100}>
+//         {({ yIndex }) => {
+//           return {
+//             children: (
+//               <>
+//                 <Tooltip.Title>{data[yIndex].category}</Tooltip.Title>
+//                 <Flex justifyContent="space-between">
+//                   <Tooltip.Dot mr={4}>Bar 1</Tooltip.Dot>
+//                   <Text bold>{data[yIndex].bar1}</Text>
+//                 </Flex>
+//                 <Flex mt={2} justifyContent="space-between">
+//                   <Tooltip.Dot mr={4} color={colors['green-02']}>
+//                     Bar 2
+//                   </Tooltip.Dot>
+//                   <Text bold>{data[yIndex].bar2}</Text>
+//                 </Flex>
+//               </>
+//             ),
+//           };
+//         }}
+//       </Tooltip>
+//       <GroupBar y="category">
+//         <GroupBar.HorizontalBar x="bar1" />
+//         <GroupBar.HorizontalBar x="bar2" color={colors['green-02']} />
+//       </GroupBar>
+//     </Plot>
+//   );
+// };
+// const RadialTreeExample = () => {
+//   const width = 500;
+//   const height = 500;
+//   const data = Array(12)
+//     .fill({})
+//     .map((_, i) => ({
+//       label: `Sheep ${i + 1}`,
+//       icon: LikeM,
+//     }));
+//   return (
+//     <Plot data={data} scale={[scaleLinear(), scaleLinear()]} width={width} height={height}>
+//       <RadialTree color="#AB6CFE">
+//         <RadialTree.Radian>
+//           <RadialTree.Radian.Label />
+//           <RadialTree.Radian.Line />
+//           <RadialTree.Radian.Cap />
+//           <RadialTree.Radian.Icon />
+//         </RadialTree.Radian>
+//         <RadialTree.Title>Sleeping</RadialTree.Title>
+//       </RadialTree>
+//     </Plot>
+//   );
+// };
+// const ScatterPlotChart = () => {
+//   const data = Array(20)
+//     .fill({})
+//     .map((d, i) => ({
+//       x: i,
+//       y: Math.random() * 10,
+//     }));
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const xScale = scaleLinear()
+//     .range([MARGIN, width - MARGIN])
+//     .domain(minMax(data, 'x'));
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain([0, 10]);
+//   return (
+//     <Plot scale={[xScale, yScale]} width={width} height={height} data={data}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Ticks />
+//       </XAxis>
+//       <ScatterPlot x="x" y="y" />
+//       <Tooltip>
+//         {({ xIndex }) => {
+//           return {
+//             children: (
+//               <>
+//                 <Tooltip.Title>Data</Tooltip.Title>
+//                 <Text tag="div">X axis {data[xIndex].x}</Text>
+//                 <Text tag="div">Y axis {data[xIndex].y}</Text>
+//               </>
+//             ),
+//           };
+//         }}
+//       </Tooltip>
+//     </Plot>
+//   );
+// };
+// const StackedBarChart = () => {
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const data = [...Array(5).keys()].map((d, i) => ({
+//     category: `Category ${i}`,
+//     stack1: Math.random() * 10,
+//     stack2: Math.random() * 10,
+//   }));
+//   const xScale = scaleBand()
+//     .range([MARGIN, width - MARGIN])
+//     .domain(data.map((d) => d.category))
+//     .paddingInner(0.4)
+//     .paddingOuter(0.2);
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain([0, 20]);
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Ticks />
+//       </XAxis>
+//       <Tooltip tag={HoverRect} x="category" wMin={100}>
+//         {({ xIndex }) => {
+//           return {
+//             children: (
+//               <>
+//                 <Tooltip.Title>{data[xIndex].category}</Tooltip.Title>
+//                 <Flex justifyContent="space-between">
+//                   <Tooltip.Dot mr={4}>Stack 1</Tooltip.Dot>
+//                   <Text bold>{data[xIndex].stack1}</Text>
+//                 </Flex>
+//                 <Flex mt={2} justifyContent="space-between">
+//                   <Tooltip.Dot mr={4} color={colors['blue-02']}>
+//                     Stack 2
+//                   </Tooltip.Dot>
+//                   <Text bold>{data[xIndex].stack2}</Text>
+//                 </Flex>
+//                 <Flex mt={2} justifyContent="space-between">
+//                   <Box mr={4}>Total</Box>
+//                   <Text bold>{data[xIndex].stack1 + data[xIndex].stack2}</Text>
+//                 </Flex>
+//               </>
+//             ),
+//           };
+//         }}
+//       </Tooltip>
+//       <StackBar x="category">
+//         <StackBar.Bar y="stack1" />
+//         <StackBar.Bar y="stack2" color={colors['blue-02']} />
+//       </StackBar>
+//     </Plot>
+//   );
+// };
+// import { curveCardinal } from 'd3-shape';
+// function formatDate(value, options) {
+//   return new Intl.DateTimeFormat('en', options).format(value);
+// }
+// const StackedAreaChart = () => {
+//   const date = new Date();
+//   const data = [...Array(5).keys()].map((d, i) => ({
+//     time: new Date(date.setDate(date.getDate() + 5)),
+//     stack1: Math.random() * 5,
+//     stack2: Math.random() * 5,
+//     stack3: Math.random() * 5,
+//   }));
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const xScale = scaleLinear()
+//     .range([MARGIN, width - MARGIN])
+//     .domain(minMax(data, 'time'));
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain([0, 15]);
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Ticks ticks={data.map((d) => +d.time)}>
+//           {({ value }) => ({
+//             children: formatDate(value, {
+//               month: 'short',
+//               day: 'numeric',
+//             }),
+//           })}
+//         </XAxis.Ticks>
+//       </XAxis>
+//       <Tooltip tag={HoverLine} x="time" wMin={100}>
+//         {({ xIndex }) => {
+//           return {
+//             children: (
+//               <>
+//                 <Tooltip.Title>
+//                   {formatDate(data[xIndex].time, {
+//                     year: 'numeric',
+//                     month: 'long',
+//                     day: 'numeric',
+//                   })}
+//                 </Tooltip.Title>
+//                 <Flex justifyContent="space-between">
+//                   <Tooltip.Dot mr={4}>Stack 1</Tooltip.Dot>
+//                   <Text bold>{data[xIndex].stack1}</Text>
+//                 </Flex>
+//                 <Flex mt={2} justifyContent="space-between">
+//                   <Tooltip.Dot mr={4} color={colors['green-02']}>
+//                     Stack 2
+//                   </Tooltip.Dot>
+//                   <Text bold>{data[xIndex].stack2}</Text>
+//                 </Flex>
+//                 <Flex mt={2} justifyContent="space-between">
+//                   <Tooltip.Dot mr={4} color={colors['orange-04']}>
+//                     Stack 3
+//                   </Tooltip.Dot>
+//                   <Text bold>{data[xIndex].stack3}</Text>
+//                 </Flex>
+//                 <Flex mt={2} justifyContent="space-between">
+//                   <Box mr={4}>Total</Box>
+//                   <Text bold>
+//                     {data[xIndex].stack1 + data[xIndex].stack2 + data[xIndex].stack3}
+//                   </Text>
+//                 </Flex>
+//               </>
+//             ),
+//           };
+//         }}
+//       </Tooltip>
+//       <StackedArea x="time">
+//         <StackedArea.Area y="stack1" curve={curveCardinal}>
+//           <StackedArea.Area.Dots />
+//         </StackedArea.Area>
+//         <StackedArea.Area y="stack2" fill="#59DDAA50" color="#59DDAA" curve={curveCardinal}>
+//           <StackedArea.Area.Dots />
+//         </StackedArea.Area>
+//         <StackedArea.Area y="stack3" fill="#FF622D50" color="#FF622D" curve={curveCardinal}>
+//           <StackedArea.Area.Dots />
+//         </StackedArea.Area>
+//       </StackedArea>
+//     </Plot>
+//   );
+// };
+// const VennChart = () => {
+//   const data = {
+//     G: 200,
+//     F: 200,
+//     C: 500,
+//     U: 1,
+//     'G/F': 100,
+//     'G/C': 100,
+//     'F/C': 100,
+//     'G/F/C': 100,
+//   };
+//   return (
+//     <Plot height={300} width={400} data={data}>
+//       <Venn>
+//         <Venn.Circle dataKey="G" name="Good" />
+//         <Venn.Circle dataKey="F" name="Fast" color={colors['blue-03']} />
+//         <Venn.Circle dataKey="C" name="Cheap" color={colors['orange-04']} />
+//         <Venn.Circle dataKey="U" name="Unknown" color={colors['pink-03']} />
+//         <Venn.Intersection dataKey="G/F" name="Good & Fast" />
+//         <Venn.Intersection dataKey="G/C" name="Good & Cheap" />
+//         <Venn.Intersection dataKey="F/C" name="Fast & Cheap" />
+//         <Venn.Intersection dataKey="G/F/C" name="Good & Fast & Cheap" />
+//       </Venn>
+//       <Tooltip>
+//         {({ name, dataKey }) => {
+//           return {
+//             children: (
+//               <>
+//                 <Tooltip.Title>{name}</Tooltip.Title>
+//                 <Text bold>{data[dataKey]}</Text>
+//               </>
+//             ),
+//           };
+//         }}
+//       </Tooltip>
+//     </Plot>
+//   );
+// };
+// const MixedChart = () => {
+//   const MARGIN = 40;
+//   const width = 500;
+//   const height = 300;
+//   const data = goldData
+//     .map((row) => {
+//       const [d, m, y] = row.Date.split('-');
+//       return {
+//         ...row,
+//         Date: new Date(`${m}-${d}-${y}`),
+//       };
+//     })
+//     .filter((_, index) => index % 10 === 0);
+//   const xScale = scaleLinear()
+//     .range([MARGIN, width - MARGIN])
+//     .domain(minMax(data, 'Date'));
+//   const yScale = scaleLinear()
+//     .range([height - MARGIN, MARGIN])
+//     .domain(minMax(data, 'United States(USD)'));
+//   return (
+//     <Plot data={data} scale={[xScale, yScale]} width={width} height={height}>
+//       <YAxis>
+//         <YAxis.Ticks />
+//         <YAxis.Grid />
+//         <YAxis.Title>Price</YAxis.Title>
+//       </YAxis>
+//       <XAxis>
+//         <XAxis.Title>Year</XAxis.Title>
+//         <XAxis.Ticks />
+//       </XAxis>
+//       <Line x="Date" y="United States(USD)">
+//         <Line.Dots display />
+//       </Line>
+//       <Line x="Date" y="Europe(EUR)">
+//         <Line.Dots display />
+//       </Line>
+//       <Line x="Date" y="Australia(AUD)">
+//         <Line.Dots display />
+//       </Line>
+//     </Plot>
+//   );
+// };
+// export default () => {
+//   return (
+//     <div>
+//       <Stonks /> <br />
+//       <FilmBubbles /> <br />
+//       <SurvivedTitanicClassesPie /> <br />
+//       <SurvivedTitanicClassesBars /> <br />
+//       <HorizaontalBars /> <br />
+//       <GroupBars /> <br />
+//       <RadialTreeExample /> <br />
+//       <ScatterPlotChart /> <br />
+//       <StackedBarChart /> <br />
+//       <StackedAreaChart /> <br />
+//       <VennChart /> <br />
+//       <MixedChart /> <br />
+//     </div>
+//   );
+// };
+"use strict";
+//# sourceMappingURL=charts-a11y.js.map