From 41214f38c81df835303007cce85660a1238ad6f5 Mon Sep 17 00:00:00 2001
From: chenHusky <377075038@qq.com>
Date: Mon, 30 May 2022 10:58:53 +0800
Subject: [PATCH 1/2] =?UTF-8?q?d3=E7=BB=98=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 packages/euler/src/views/company/Index.vue    |   2 +
 packages/shared/components/OAnchor.vue        |   1 -
 packages/shared/components/ODiagram.vue       | 229 +++++++++
 .../shared/components/OEchartCircularPile.vue | 185 +++++++
 packages/shared/components/OPolar.vue         |   1 -
 packages/shared/styles/base.scss              |  14 +-
 pnpm-lock.yaml                                | 453 ++++++++++++++++++
 8 files changed, 884 insertions(+), 3 deletions(-)
 create mode 100644 packages/shared/components/ODiagram.vue
 create mode 100644 packages/shared/components/OEchartCircularPile.vue

diff --git a/package.json b/package.json
index bdc22f3..8c1b712 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,9 @@
   "dependencies": {
     "@antv/data-set": "^0.11.8",
     "@antv/g2": "^4.2.1",
+    "@types/d3": "^7.4.0",
     "axios": "^0.26.0",
+    "d3": "^7.4.4",
     "echarts": "^5.3.2",
     "element-plus": "^2.1.4",
     "lodash-es": "^4.17.21",
diff --git a/packages/euler/src/views/company/Index.vue b/packages/euler/src/views/company/Index.vue
index 3dbc30e..e09e124 100644
--- a/packages/euler/src/views/company/Index.vue
+++ b/packages/euler/src/views/company/Index.vue
@@ -3,6 +3,7 @@ import { useCommonStore } from '@/stores/common';
 import { useCompanyStore } from '@/stores/company';
 import { IObject } from 'shared/@types/interface';
 import OAnchor from 'shared/components/OAnchor.vue';
+import OEchartCircularPile from 'shared/components/OEchartCircularPile.vue';
 import { onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
@@ -41,6 +42,7 @@ onMounted(() => {
 <template>
   <div class="container">
     <o-anchor top="11rem"></o-anchor>
+    <OEchartCircularPile id="OEchartCircularPile"></OEchartCircularPile>
     <div class="wrap">
       <div class="step">
         <span class="step-one">{{ t('nav.contributors') }}</span>
diff --git a/packages/shared/components/OAnchor.vue b/packages/shared/components/OAnchor.vue
index db1247f..39280f0 100644
--- a/packages/shared/components/OAnchor.vue
+++ b/packages/shared/components/OAnchor.vue
@@ -79,7 +79,6 @@ const scroll = () => {
     }
     return pre;
   }, '');
-  console.log(scrollTop, clientHeight, selectId.value);
 };
 let selectId = ref('companyContributor');
 const selectAnchor = (id: string) => {
diff --git a/packages/shared/components/ODiagram.vue b/packages/shared/components/ODiagram.vue
new file mode 100644
index 0000000..2041bc4
--- /dev/null
+++ b/packages/shared/components/ODiagram.vue
@@ -0,0 +1,229 @@
+<script setup lang="ts">
+import * as d3 from 'd3';
+import { HierarchyNode } from 'd3';
+import { onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { IObject } from '../@types/interface';
+
+const data = {
+  name: 'flare',
+  children: [
+    {
+      name: 'sig',
+      children: [
+        {
+          name: 'A',
+          imports: [],
+        },
+        {
+          name: 'B',
+          imports: [],
+        },
+        {
+          name: 'C',
+          imports: [],
+        },
+        {
+          name: 'D',
+          imports: [],
+        },
+      ],
+    },
+    {
+      name: 'company',
+      children: [
+        {
+          name: 'a',
+          imports: ['flare.sig.A', 'flare.sig.B', 'flare.sig.C', 'flare.sig.D'],
+        },
+        {
+          name: 'b',
+          imports: ['flare.sig.A', 'flare.sig.B', 'flare.sig.C', 'flare.sig.D'],
+        },
+      ],
+    },
+  ],
+};
+const router = useRouter();
+const colorin = '#000';
+const colornone = '#ccc';
+const colorCompany = '#002FA7';
+const colorSig = '#FEB32A';
+const width = 954;
+const radius = width / 2;
+const line = d3
+  .lineRadial()
+  .curve(d3.curveBundle.beta(0.85))
+  .radius((d: IObject) => d.y)
+  .angle((d: IObject) => d.x);
+const tree = d3.cluster().size([2 * Math.PI, radius - 100]);
+function bilink(root: HierarchyNode<unknown>) {
+  const map = new Map(root.leaves().map((d: IObject) => [id(d), d]));
+  for (const d of root.leaves())
+    (d.incoming = []),
+      (d.outgoing = d.data.imports.map((i) => [d, map.get(i)]));
+  for (const d of root.leaves())
+    for (const o of d.outgoing) o[1].incoming.push(o);
+  return root;
+}
+function id(node: IObject): string {
+  return `${node.parent ? `${id(node.parent)}.` : ''}${node.data.name}`;
+}
+const getTextColor = (d: IObject) => {
+  if (d?.parent?.data?.name === 'company') {
+    return colorCompany;
+  }
+  return colorSig;
+};
+let tipTimer: any;
+const clearTip = () => {
+  tipTimer = setTimeout(() => {
+    tooltip.style('display', 'none');
+  }, 1000);
+};
+const keepTip = () => {
+  tipTimer && clearTimeout(tipTimer);
+};
+const tooltip = d3
+  .select('body')
+  .append('div')
+  .attr('class', 'diagram-tooltip')
+  .attr('opacity', 0.9)
+  .attr('display', 'none')
+  .on('mouseover', keepTip)
+  .on('mouseout', clearTip);
+const getTipsHtml = (d: IObject) => {
+  const jump = () => {
+    router.push('/${localStorage.lang}/company/${d.data.name}')
+  }
+  if (d?.parent?.data?.name === 'company') {
+    return `<div>单位会员</div>
+            <div style="padding: 8px 0">
+              <span style="font-size: 16px" class="mark">${d.data.name}</span> 共参与 <span style="font-size: 18px" class="mark">${d.outgoing.length}</span> 个特别兴趣小组
+            </div>
+            <div class="mark" 
+                onclick="window.location.href='${window?.location?.origin}/${localStorage?.lang}/company/${d.data.name}'"
+            >查看详情 <span style="color: #002fa7">→</span></div>`;
+  }
+  return `<div>特别兴趣小组</div>
+            <div style="padding: 8px 0">
+              <span style="font-size: 16px" class="mark">${d.data.name}</span> 共有 <span style="font-size: 18px" class="mark">${d.incoming.length}</span> 个单位会员参与
+            </div>
+            <div class="mark"
+                onclick="window.location.href='${window?.location?.origin}/${localStorage?.lang}/sig/${d.data.name}'"
+            >查看详情 <span style="color: #002fa7">→</span></div>`;
+};
+const chart = () => {
+  const root = tree(
+    bilink(
+      d3
+        .hierarchy(data)
+        .sort(
+          (a, b) =>
+            d3.ascending(b.height, a.height) ||
+            d3.ascending(b.data.name, a.data.name)
+        )
+    )
+  );
+
+  const svg = d3
+    .select('#svg')
+    .attr('viewBox', [-width / 2, -width / 2, width, width]);
+  const node = svg
+    .append('g')
+    .attr('font-family', 'sans-serif')
+    .attr('font-size', 10)
+    .selectAll('g')
+    .data(root.leaves())
+    .join('g')
+    .attr(
+      'transform',
+      (d) => `rotate(${(d.x * 180) / Math.PI - 90}) translate(${d.y},0)`
+    )
+    .append('text')
+    .attr('dy', '0.31em')
+    .attr('x', (d) => (d.x < Math.PI ? 6 : -6))
+    .attr('fill', (d: IObject) => getTextColor(d))
+    .attr('text-anchor', (d) => (d.x < Math.PI ? 'start' : 'end'))
+    .attr('transform', (d) => (d.x >= Math.PI ? 'rotate(180)' : null))
+    .attr('cursor', () => 'pointer')
+    .text((d) => d.data.name)
+    .each(function (d) {
+      d.text = this;
+    })
+    .on('mouseover', overed)
+    .on('mouseout', outed);
+
+  const link = svg
+    .append('g')
+    .attr('stroke', colornone)
+    .attr('fill', 'none')
+    .selectAll('path')
+    .data(root.leaves().flatMap((leaf) => leaf.outgoing))
+    .join('path')
+    .style('mix-blend-mode', 'multiply')
+    .attr('d', ([i, o]) => line(i.path(o)))
+    .each(function (d) {
+      d.path = this;
+    });
+
+  function overed(event, d) {
+    keepTip();
+    tooltip
+      .html(getTipsHtml(d))
+      .style('display', 'block')
+      .style('left', `${event.pageX}px`)
+      .style('top', `${event.pageY + 20}px`);
+    link.style('mix-blend-mode', null);
+    d3.select(this).attr('font-weight', 'bold');
+    d3.selectAll('text').attr('fill', (dd: any) => {
+      if (dd.data.name === d.data.name) {
+        return getTextColor(dd);
+      }
+      return colornone;
+    });
+    d3.selectAll(d.incoming.map((d) => d.path))
+      .attr('stroke', colorin)
+      .raise();
+    d3.selectAll(d.incoming.map(([d]) => d.text))
+      .attr('fill', colorCompany)
+      .attr('font-weight', 'bold');
+    d3.selectAll(d.outgoing.map((d) => d.path))
+      .attr('stroke', colorin)
+      .raise();
+    d3.selectAll(d.outgoing.map(([, d]) => d.text))
+      .attr('fill', colorSig)
+      .attr('font-weight', 'bold');
+  }
+
+  function outed(event, d) {
+    clearTip();
+    link.style('mix-blend-mode', 'multiply');
+    d3.select(this).attr('font-weight', null);
+    d3.selectAll(d.incoming.map((d) => d.path)).attr('stroke', null);
+    d3.selectAll(d.incoming.map(([d]) => d.text))
+      // .attr('fill', null)
+      .attr('font-weight', null);
+    d3.selectAll(d.outgoing.map((d) => d.path)).attr('stroke', null);
+    d3.selectAll(d.outgoing.map(([, d]) => d.text))
+      // .attr('fill', null)
+      .attr('font-weight', null);
+    d3.selectAll('text').attr('fill', (d: any) => getTextColor(d));
+  }
+
+  return svg.node();
+};
+onMounted(() => {
+  chart();
+});
+</script>
+<template>
+  <div>
+    <svg id="svg" :width="width" :height="width"></svg>
+  </div>
+</template>
+<style lang="scss" scoped>
+.t {
+  transition: 'opcity' 3s;
+}
+</style>
diff --git a/packages/shared/components/OEchartCircularPile.vue b/packages/shared/components/OEchartCircularPile.vue
new file mode 100644
index 0000000..2701830
--- /dev/null
+++ b/packages/shared/components/OEchartCircularPile.vue
@@ -0,0 +1,185 @@
+<script setup lang="ts">
+import OEchart from './OEchart.vue';
+type EChartsOption = echarts.EChartsOption;
+const props = defineProps({
+  id: {
+    type: String,
+    required: true,
+    default: '',
+  },
+  name: {
+    type: String,
+    required: true,
+    default: '--',
+  },
+  data: {
+    type: Object,
+    required: true,
+    default: () => ({
+      D0: 50,
+      D1: 30,
+      D2: 10,
+    }),
+  },
+  width: {
+    type: String,
+    default: '248px',
+  },
+  height: {
+    type: String,
+    default: '248px',
+  },
+});
+const colorMap = {
+  D2: '#002FA7',
+  D1: '#5272C4',
+  D0: '#A3B4E0',
+};
+const getD1Sqrt = () => {
+  return (Math.sqrt(props?.data?.D1) / Math.sqrt(props?.data?.D0)) * 100 || 30;
+};
+const getD2Sqrt = () => {
+  return (Math.sqrt(props?.data?.D2) / Math.sqrt(props?.data?.D0)) * 100 || 20;
+};
+const option: EChartsOption = {
+  series: [
+    {
+      name: 'D0 贡献者',
+      type: 'pie',
+      center: ['50%', '50%'],
+      radius: '100%',
+      zlevel: 1,
+      label: {
+        show: false,
+      },
+      data: [
+        {
+          value: props.data.D0,
+          name: 'D0 贡献者',
+          itemStyle: {
+            color: '#A3B4E0',
+          },
+        },
+      ],
+      emphasis: {
+        disabled: true,
+        itemStyle: {
+          shadowBlur: 10,
+          shadowOffsetX: 0,
+
+          shadowColor: 'rgba(0, 0, 0, 0.5)',
+        },
+      },
+    },
+    {
+      name: 'D1 贡献者',
+      type: 'pie',
+      center: ['50%', `${50 - (100 - getD1Sqrt()) / 2}%`],
+      zlevel: 2,
+      label: {
+        show: false,
+      },
+      radius: `${getD1Sqrt()}%`,
+      animation: false,
+      data: [
+        {
+          value: props.data.D1,
+          name: 'D1 贡献者',
+          itemStyle: {
+            color: '#5272C4',
+          },
+        },
+      ],
+      emphasis: {
+        disabled: true,
+        itemStyle: {
+          shadowBlur: 10,
+          shadowOffsetX: 0,
+          shadowColor: 'rgba(0, 0, 0, 0.5)',
+        },
+      },
+    },
+    {
+      name: 'D2 贡献者',
+      type: 'pie',
+      center: ['50%', `${50 - (100 - getD2Sqrt()) / 2}%`],
+      zlevel: 3,
+      label: {
+        show: false,
+      },
+      radius: `${getD2Sqrt()}%`,
+      animation: false,
+      data: [
+        {
+          value: props.data.D2,
+          name: 'D2 贡献者',
+          itemStyle: {
+            color: '#002FA7',
+          },
+        },
+      ],
+      emphasis: {
+        disabled: true,
+        itemStyle: {
+          shadowBlur: 10,
+          shadowOffsetX: 0,
+          shadowColor: 'rgba(0, 0, 0, 0.5)',
+        },
+      },
+    },
+  ],
+};
+</script>
+<template>
+  <div class="pile">
+    <o-echart
+      :id="id"
+      :option="option"
+      :width="width"
+      :height="height"
+    ></o-echart>
+    <div class="legend" :style="{ height }">
+      <div v-for="(value, key) in colorMap" :key="key" class="desc">
+        <div class="title">
+          <div class="point" :style="{ 'background-color': value }"></div>
+          {{ key }}贡献者
+        </div>
+        <div class="value">
+          {{ data[key] }}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.pile {
+  display: flex;
+  align-items: center;
+}
+.legend {
+  margin-left: 24px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.desc {
+  .title {
+    font-size: 12px;
+    color: #4e5865;
+    display: flex;
+    align-items: center;
+    .point {
+      display: inline-block;
+      width: 8px;
+      height: 8px;
+      margin-right: 8px;
+      border-radius: 50%;
+    }
+  }
+  .value {
+    font-size: 16px;
+    color: #000;
+    font-weight: 600;
+  }
+}
+</style>
diff --git a/packages/shared/components/OPolar.vue b/packages/shared/components/OPolar.vue
index bdc6e05..2f7e0d3 100644
--- a/packages/shared/components/OPolar.vue
+++ b/packages/shared/components/OPolar.vue
@@ -52,7 +52,6 @@ dv.transform({
 });
 onMounted(() => {
   createChart();
-  console.log(opRef.value.top);
 });
 const opRef = ref<any>(null);
 const createChart = () => {
diff --git a/packages/shared/styles/base.scss b/packages/shared/styles/base.scss
index b9f7404..ea34233 100644
--- a/packages/shared/styles/base.scss
+++ b/packages/shared/styles/base.scss
@@ -280,5 +280,17 @@ a {
     opacity: 0;
   }
 }
- 
+
+.diagram-tooltip {
+  position: absolute;
+  padding: 12px;
+  background-color: #fff;
+  font-size: 12px;
+  box-shadow: 4px 8px 16px 0px rgba(10, 11, 13, 0.05), 0px 0px 32px 0px rgba(10, 11, 13, 0.1);
+  color: #9097A3;
+  .mark {
+    color: #000;
+    font-weight: 500;
+  }
+}
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 93c2c1b..d02647e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,6 +7,7 @@ importers:
       '@antv/data-set': ^0.11.8
       '@antv/g2': ^4.2.1
       '@intlify/vite-plugin-vue-i18n': ^3.3.1
+      '@types/d3': ^7.4.0
       '@types/lodash-es': ^4.17.6
       '@types/node': ^17.0.21
       '@typescript-eslint/eslint-plugin': ^5.13.0
@@ -15,6 +16,7 @@ importers:
       '@vue/eslint-config-prettier': ^7.0.0
       '@vue/eslint-config-typescript': ^10.0.0
       axios: ^0.26.0
+      d3: ^7.4.4
       echarts: ^5.3.2
       element-plus: ^2.1.4
       eslint: ^8.9.0
@@ -36,7 +38,9 @@ importers:
     dependencies:
       '@antv/data-set': 0.11.8
       '@antv/g2': 4.2.1
+      '@types/d3': 7.4.0
       axios: registry.npmmirror.com/axios/0.26.1
+      d3: 7.4.4
       echarts: 5.3.2
       element-plus: registry.npmmirror.com/element-plus/2.1.4_djas2fg66x7vziiseaaojpxgmy
       lodash-es: registry.npmmirror.com/lodash-es/4.17.21
@@ -348,10 +352,189 @@ packages:
     engines: {node: '>= 12'}
     dev: true
 
+  /@types/d3-array/3.0.3:
+    resolution: {integrity: sha512-Reoy+pKnvsksN0lQUlcH6dOGjRZ/3WRwXR//m+/8lt1BXeI4xyaUZoqULNjyXXRuh0Mj4LNpkCvhUpQlY3X5xQ==}
+    dev: false
+
+  /@types/d3-axis/3.0.1:
+    resolution: {integrity: sha512-zji/iIbdd49g9WN0aIsGcwcTBUkgLsCSwB+uH+LPVDAiKWENMtI3cJEWt+7/YYwelMoZmbBfzA3qCdrZ2XFNnw==}
+    dependencies:
+      '@types/d3-selection': 3.0.2
+    dev: false
+
+  /@types/d3-brush/3.0.1:
+    resolution: {integrity: sha512-B532DozsiTuQMHu2YChdZU0qsFJSio3Q6jmBYGYNp3gMDzBmuFFgPt9qKA4VYuLZMp4qc6eX7IUFUEsvHiXZAw==}
+    dependencies:
+      '@types/d3-selection': 3.0.2
+    dev: false
+
+  /@types/d3-chord/3.0.1:
+    resolution: {integrity: sha512-eQfcxIHrg7V++W8Qxn6QkqBNBokyhdWSAS73AbkbMzvLQmVVBviknoz2SRS/ZJdIOmhcmmdCRE/NFOm28Z1AMw==}
+    dev: false
+
+  /@types/d3-color/3.1.0:
+    resolution: {integrity: sha512-HKuicPHJuvPgCD+np6Se9MQvS6OCbJmOjGvylzMJRlDwUXjKTTXs6Pwgk79O09Vj/ho3u1ofXnhFOaEWWPrlwA==}
+    dev: false
+
+  /@types/d3-contour/3.0.1:
+    resolution: {integrity: sha512-C3zfBrhHZvrpAAK3YXqLWVAGo87A4SvJ83Q/zVJ8rFWJdKejUnDYaWZPkA8K84kb2vDA/g90LTQAz7etXcgoQQ==}
+    dependencies:
+      '@types/d3-array': 3.0.3
+      '@types/geojson': 7946.0.8
+    dev: false
+
+  /@types/d3-delaunay/6.0.1:
+    resolution: {integrity: sha512-tLxQ2sfT0p6sxdG75c6f/ekqxjyYR0+LwPrsO1mbC9YDBzPJhs2HbJJRrn8Ez1DBoHRo2yx7YEATI+8V1nGMnQ==}
+    dev: false
+
+  /@types/d3-dispatch/3.0.1:
+    resolution: {integrity: sha512-NhxMn3bAkqhjoxabVJWKryhnZXXYYVQxaBnbANu0O94+O/nX9qSjrA1P1jbAQJxJf+VC72TxDX/YJcKue5bRqw==}
+    dev: false
+
+  /@types/d3-drag/3.0.1:
+    resolution: {integrity: sha512-o1Va7bLwwk6h03+nSM8dpaGEYnoIG19P0lKqlic8Un36ymh9NSkNFX1yiXMKNMx8rJ0Kfnn2eovuFaL6Jvj0zA==}
+    dependencies:
+      '@types/d3-selection': 3.0.2
+    dev: false
+
+  /@types/d3-dsv/3.0.0:
+    resolution: {integrity: sha512-o0/7RlMl9p5n6FQDptuJVMxDf/7EDEv2SYEO/CwdG2tr1hTfUVi0Iavkk2ax+VpaQ/1jVhpnj5rq1nj8vwhn2A==}
+    dev: false
+
+  /@types/d3-ease/3.0.0:
+    resolution: {integrity: sha512-aMo4eaAOijJjA6uU+GIeW018dvy9+oH5Y2VPPzjjfxevvGQ/oRDs+tfYC9b50Q4BygRR8yE2QCLsrT0WtAVseA==}
+    dev: false
+
+  /@types/d3-fetch/3.0.1:
+    resolution: {integrity: sha512-toZJNOwrOIqz7Oh6Q7l2zkaNfXkfR7mFSJvGvlD/Ciq/+SQ39d5gynHJZ/0fjt83ec3WL7+u3ssqIijQtBISsw==}
+    dependencies:
+      '@types/d3-dsv': 3.0.0
+    dev: false
+
+  /@types/d3-force/3.0.3:
+    resolution: {integrity: sha512-z8GteGVfkWJMKsx6hwC3SiTSLspL98VNpmvLpEFJQpZPq6xpA1I8HNBDNSpukfK0Vb0l64zGFhzunLgEAcBWSA==}
+    dev: false
+
+  /@types/d3-format/3.0.1:
+    resolution: {integrity: sha512-5KY70ifCCzorkLuIkDe0Z9YTf9RR2CjBX1iaJG+rgM/cPP+sO+q9YdQ9WdhQcgPj1EQiJ2/0+yUkkziTG6Lubg==}
+    dev: false
+
+  /@types/d3-geo/3.0.2:
+    resolution: {integrity: sha512-DbqK7MLYA8LpyHQfv6Klz0426bQEf7bRTvhMy44sNGVyZoWn//B0c+Qbeg8Osi2Obdc9BLLXYAKpyWege2/7LQ==}
+    dependencies:
+      '@types/geojson': 7946.0.8
+    dev: false
+
+  /@types/d3-hierarchy/3.1.0:
+    resolution: {integrity: sha512-g+sey7qrCa3UbsQlMZZBOHROkFqx7KZKvUpRzI/tAp/8erZWpYq7FgNKvYwebi2LaEiVs1klhUfd3WCThxmmWQ==}
+    dev: false
+
+  /@types/d3-interpolate/3.0.1:
+    resolution: {integrity: sha512-jx5leotSeac3jr0RePOH1KdR9rISG91QIE4Q2PYTu4OymLTZfA3SrnURSLzKH48HmXVUru50b8nje4E79oQSQw==}
+    dependencies:
+      '@types/d3-color': 3.1.0
+    dev: false
+
+  /@types/d3-path/3.0.0:
+    resolution: {integrity: sha512-0g/A+mZXgFkQxN3HniRDbXMN79K3CdTpLsevj+PXiTcb2hVyvkZUBg37StmgCQkaD84cUJ4uaDAWq7UJOQy2Tg==}
+    dev: false
+
+  /@types/d3-polygon/3.0.0:
+    resolution: {integrity: sha512-D49z4DyzTKXM0sGKVqiTDTYr+DHg/uxsiWDAkNrwXYuiZVd9o9wXZIo+YsHkifOiyBkmSWlEngHCQme54/hnHw==}
+    dev: false
+
+  /@types/d3-quadtree/3.0.2:
+    resolution: {integrity: sha512-QNcK8Jguvc8lU+4OfeNx+qnVy7c0VrDJ+CCVFS9srBo2GL9Y18CnIxBdTF3v38flrGy5s1YggcoAiu6s4fLQIw==}
+    dev: false
+
+  /@types/d3-random/3.0.1:
+    resolution: {integrity: sha512-IIE6YTekGczpLYo/HehAy3JGF1ty7+usI97LqraNa8IiDur+L44d0VOjAvFQWJVdZOJHukUJw+ZdZBlgeUsHOQ==}
+    dev: false
+
+  /@types/d3-scale-chromatic/3.0.0:
+    resolution: {integrity: sha512-dsoJGEIShosKVRBZB0Vo3C8nqSDqVGujJU6tPznsBJxNJNwMF8utmS83nvCBKQYPpjCzaaHcrf66iTRpZosLPw==}
+    dev: false
+
+  /@types/d3-scale/4.0.2:
+    resolution: {integrity: sha512-Yk4htunhPAwN0XGlIwArRomOjdoBFXC3+kCxK2Ubg7I9shQlVSJy/pG/Ht5ASN+gdMIalpk8TJ5xV74jFsetLA==}
+    dependencies:
+      '@types/d3-time': 3.0.0
+    dev: false
+
+  /@types/d3-selection/3.0.2:
+    resolution: {integrity: sha512-d29EDd0iUBrRoKhPndhDY6U/PYxOWqgIZwKTooy2UkBfU7TNZNpRho0yLWPxlatQrFWk2mnTu71IZQ4+LRgKlQ==}
+    dev: false
+
+  /@types/d3-shape/3.1.0:
+    resolution: {integrity: sha512-jYIYxFFA9vrJ8Hd4Se83YI6XF+gzDL1aC5DCsldai4XYYiVNdhtpGbA/GM6iyQ8ayhSp3a148LY34hy7A4TxZA==}
+    dependencies:
+      '@types/d3-path': 3.0.0
+    dev: false
+
+  /@types/d3-time-format/4.0.0:
+    resolution: {integrity: sha512-yjfBUe6DJBsDin2BMIulhSHmr5qNR5Pxs17+oW4DoVPyVIXZ+m6bs7j1UVKP08Emv6jRmYrYqxYzO63mQxy1rw==}
+    dev: false
+
+  /@types/d3-time/3.0.0:
+    resolution: {integrity: sha512-sZLCdHvBUcNby1cB6Fd3ZBrABbjz3v1Vm90nysCQ6Vt7vd6e/h9Lt7SiJUoEX0l4Dzc7P5llKyhqSi1ycSf1Hg==}
+    dev: false
+
   /@types/d3-timer/2.0.1:
     resolution: {integrity: sha512-TF8aoF5cHcLO7W7403blM7L1T+6NF3XMyN3fxyUolq2uOcFeicG/khQg/dGxiCJWoAcmYulYN7LYSRKO54IXaA==}
     dev: false
 
+  /@types/d3-transition/3.0.1:
+    resolution: {integrity: sha512-Sv4qEI9uq3bnZwlOANvYK853zvpdKEm1yz9rcc8ZTsxvRklcs9Fx4YFuGA3gXoQN/c/1T6QkVNjhaRO/cWj94g==}
+    dependencies:
+      '@types/d3-selection': 3.0.2
+    dev: false
+
+  /@types/d3-zoom/3.0.1:
+    resolution: {integrity: sha512-7s5L9TjfqIYQmQQEUcpMAcBOahem7TRoSO/+Gkz02GbMVuULiZzjF2BOdw291dbO2aNon4m2OdFsRGaCq2caLQ==}
+    dependencies:
+      '@types/d3-interpolate': 3.0.1
+      '@types/d3-selection': 3.0.2
+    dev: false
+
+  /@types/d3/7.4.0:
+    resolution: {integrity: sha512-jIfNVK0ZlxcuRDKtRS/SypEyOQ6UHaFQBKv032X45VvxSJ6Yi5G9behy9h6tNTHTDGh5Vq+KbmBjUWLgY4meCA==}
+    dependencies:
+      '@types/d3-array': 3.0.3
+      '@types/d3-axis': 3.0.1
+      '@types/d3-brush': 3.0.1
+      '@types/d3-chord': 3.0.1
+      '@types/d3-color': 3.1.0
+      '@types/d3-contour': 3.0.1
+      '@types/d3-delaunay': 6.0.1
+      '@types/d3-dispatch': 3.0.1
+      '@types/d3-drag': 3.0.1
+      '@types/d3-dsv': 3.0.0
+      '@types/d3-ease': 3.0.0
+      '@types/d3-fetch': 3.0.1
+      '@types/d3-force': 3.0.3
+      '@types/d3-format': 3.0.1
+      '@types/d3-geo': 3.0.2
+      '@types/d3-hierarchy': 3.1.0
+      '@types/d3-interpolate': 3.0.1
+      '@types/d3-path': 3.0.0
+      '@types/d3-polygon': 3.0.0
+      '@types/d3-quadtree': 3.0.2
+      '@types/d3-random': 3.0.1
+      '@types/d3-scale': 4.0.2
+      '@types/d3-scale-chromatic': 3.0.0
+      '@types/d3-selection': 3.0.2
+      '@types/d3-shape': 3.1.0
+      '@types/d3-time': 3.0.0
+      '@types/d3-time-format': 4.0.0
+      '@types/d3-timer': 2.0.1
+      '@types/d3-transition': 3.0.1
+      '@types/d3-zoom': 3.0.1
+    dev: false
+
+  /@types/geojson/7946.0.8:
+    resolution: {integrity: sha512-1rkryxURpr6aWP7R786/UQOkJ3PcpQiWkAXBmdWc7ryFWqN6a4xfK7BtjXvFBKO9LjQ+MWQSWxYeZX1OApnArA==}
+    dev: false
+
   /abs-svg-path/0.1.1:
     resolution: {integrity: sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==}
     dev: false
@@ -388,6 +571,11 @@ packages:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
     dev: false
 
+  /commander/7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    dev: false
+
   /csstype/2.6.20:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
     dev: false
@@ -406,6 +594,36 @@ packages:
       internmap: 1.0.1
     dev: false
 
+  /d3-array/3.1.6:
+    resolution: {integrity: sha512-DCbBBNuKOeiR9h04ySRBMW52TFVc91O9wJziuyXw6Ztmy8D3oZbmCkOO3UHKC7ceNJsN2Mavo9+vwV8EAEUXzA==}
+    engines: {node: '>=12'}
+    dependencies:
+      internmap: 1.0.1
+    dev: false
+
+  /d3-axis/3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-brush/3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1_d3-selection@3.0.0
+    dev: false
+
+  /d3-chord/3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-path: 3.0.1
+    dev: false
+
   /d3-collection/1.0.7:
     resolution: {integrity: sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==}
     dev: false
@@ -414,6 +632,11 @@ packages:
     resolution: {integrity: sha512-p2sTHSLCJI2QKunbGb7ocOh7DgTAn8IrLx21QRc/BSnodXM4sv6aLQlnfpvehFMLZEfBc6g9pH9SWQccFYfJ9Q==}
     dev: false
 
+  /d3-color/3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+    dev: false
+
   /d3-composite-projections/1.4.0:
     resolution: {integrity: sha512-csygyxdRfy7aUYRPea23veM6sjisdHI+DNd0nHcAGMd2LyL2lklr+xLRzHiJ+hy1HGp6YgAtbqdJR8CsLolrNQ==}
     dependencies:
@@ -421,6 +644,33 @@ packages:
       d3-path: 2.0.0
     dev: false
 
+  /d3-contour/3.0.1:
+    resolution: {integrity: sha512-0Oc4D0KyhwhM7ZL0RMnfGycLN7hxHB8CMmwZ3+H26PWAG0ozNuYG5hXSDNgmP1SgJkQMrlG6cP20HoaSbvcJTQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.1.6
+    dev: false
+
+  /d3-delaunay/6.0.2:
+    resolution: {integrity: sha512-IMLNldruDQScrcfT+MWnazhHbDJhcRJyOEBAJfwQnHle1RPh6WDuLvxNArUju2VSMSUuKlY5BGHRJ2cYyoFLQQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      delaunator: 5.0.0
+    dev: false
+
+  /d3-dispatch/3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-drag/3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+    dev: false
+
   /d3-dsv/1.2.0:
     resolution: {integrity: sha512-9yVlqvZcSOMhCYzniHE7EVUws7Fa1zgw+/EAV2BxJoG3ME19V6BQFBwI855XQDsxyOuG7NibqRMTtiF/Qup46g==}
     hasBin: true
@@ -430,10 +680,46 @@ packages:
       rw: 1.3.3
     dev: false
 
+  /d3-dsv/3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+    dev: false
+
   /d3-ease/1.0.7:
     resolution: {integrity: sha512-lx14ZPYkhNx0s/2HX5sLFUI3mbasHjSSpwO/KaaNACweVwxUruKyWVcb293wMv1RqTPZyZ8kSZ2NogUZNcLOFQ==}
     dev: false
 
+  /d3-ease/3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-fetch/3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-dsv: 3.0.1
+    dev: false
+
+  /d3-force/3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+    dev: false
+
+  /d3-format/3.1.0:
+    resolution: {integrity: sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==}
+    engines: {node: '>=12'}
+    dev: false
+
   /d3-geo-projection/2.1.2:
     resolution: {integrity: sha1-ffjh6dBG1jHGUJ9+UxNX1K3CSqM=}
     hasBin: true
@@ -455,6 +741,13 @@ packages:
       d3-array: 2.12.1
     dev: false
 
+  /d3-geo/3.0.1:
+    resolution: {integrity: sha512-Wt23xBych5tSy9IYAM1FR2rWIBFWa52B/oF/GYe5zbdHrg08FU8+BuI6X4PvTwPDdqdAdq04fuWJpELtsaEjeA==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.1.6
+    dev: false
+
   /d3-hexjson/1.1.1:
     resolution: {integrity: sha512-WMF1juFJwAx6LzdEVKlsCGZz+7QUG7VMJDtg8uD3cfNwWOTgMiy6qBRRGU7LSY2KbmEObu3BV5ZQbq9l/BvUZQ==}
     dependencies:
@@ -465,12 +758,24 @@ packages:
     resolution: {integrity: sha512-j8tPxlqh1srJHAtxfvOUwKNYJkQuBFdM1+JAUfq6xqH5eAqf93L7oG1NVqDa4CpFZNvnNKtCYEUC8KY9yEn9lQ==}
     dev: false
 
+  /d3-hierarchy/3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+    dev: false
+
   /d3-interpolate/1.4.0:
     resolution: {integrity: sha512-V9znK0zc3jOPV4VD2zZn0sDhZU3WAE2bmlxdIwwQPPzPjvyLkd8B3JUVdS1IDUFDkWZ72c9qnv1GK2ZagTZ8EA==}
     dependencies:
       d3-color: 1.4.1
     dev: false
 
+  /d3-interpolate/3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-color: 3.1.0
+    dev: false
+
   /d3-path/1.0.9:
     resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
     dev: false
@@ -479,6 +784,26 @@ packages:
     resolution: {integrity: sha512-ZwZQxKhBnv9yHaiWd6ZU4x5BtCQ7pXszEV9CU6kRgwIQVQGLMv1oiL4M+MK/n79sYzsj+gcgpPQSctJUsLN7fA==}
     dev: false
 
+  /d3-path/3.0.1:
+    resolution: {integrity: sha512-gq6gZom9AFZby0YLduxT1qmrp4xpBA1YZr19OI717WIdKE2OM5ETq5qrHLb301IgxhLwcuxvGZVLeeWc/k1I6w==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-polygon/3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-quadtree/3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-random/3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+    dev: false
+
   /d3-sankey/0.9.1:
     resolution: {integrity: sha512-nnRkDaUMjBdeuGg+kWGdA+tjG1AVTnJ+Ykw7ff7CZHVI17Hm5sy8n0UXykVffn13aNHwK5wPOdOt1gS1ZEaF+A==}
     dependencies:
@@ -487,20 +812,131 @@ packages:
       d3-shape: 1.3.7
     dev: false
 
+  /d3-scale-chromatic/3.0.0:
+    resolution: {integrity: sha512-Lx9thtxAKrO2Pq6OO2Ua474opeziKr279P/TKZsMAhYyNDD3EnCffdbgeSYN5O7m2ByQsxtuP2CSDczNUIZ22g==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+    dev: false
+
+  /d3-scale/4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.1.6
+      d3-format: 3.1.0
+      d3-interpolate: 3.0.1
+      d3-time: 3.0.0
+      d3-time-format: 4.1.0
+    dev: false
+
+  /d3-selection/3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+    dev: false
+
   /d3-shape/1.3.7:
     resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
     dependencies:
       d3-path: 1.0.9
     dev: false
 
+  /d3-shape/3.1.0:
+    resolution: {integrity: sha512-tGDh1Muf8kWjEDT/LswZJ8WF85yDZLvVJpYU9Nq+8+yW1Z5enxrmXOhTArlkaElU+CTn0OTVNli+/i+HP45QEQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-path: 3.0.1
+    dev: false
+
+  /d3-time-format/4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-time: 3.0.0
+    dev: false
+
+  /d3-time/3.0.0:
+    resolution: {integrity: sha512-zmV3lRnlaLI08y9IMRXSDshQb5Nj77smnfpnd2LrBa/2K281Jijactokeak14QacHs/kKq0AQ121nidNYlarbQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.1.6
+    dev: false
+
   /d3-timer/1.0.10:
     resolution: {integrity: sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw==}
     dev: false
 
+  /d3-timer/3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /d3-transition/3.0.1_d3-selection@3.0.0:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+    dev: false
+
   /d3-voronoi/1.1.4:
     resolution: {integrity: sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg==}
     dev: false
 
+  /d3-zoom/3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1_d3-selection@3.0.0
+    dev: false
+
+  /d3/7.4.4:
+    resolution: {integrity: sha512-97FE+MYdAlV3R9P74+R3Uar7wUKkIFu89UWMjEaDhiJ9VxKvqaMxauImy8PC2DdBkdM2BxJOIoLxPrcZUyrKoQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      d3-array: 3.1.6
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 3.0.1
+      d3-delaunay: 6.0.2
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.0
+      d3-geo: 3.0.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.0.1
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.0.0
+      d3-selection: 3.0.0
+      d3-shape: 3.1.0
+      d3-time: 3.0.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1_d3-selection@3.0.0
+      d3-zoom: 3.0.0
+    dev: false
+
   /dagre/0.8.5:
     resolution: {integrity: sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==}
     dependencies:
@@ -508,6 +944,12 @@ packages:
       lodash: 4.17.21
     dev: false
 
+  /delaunator/5.0.0:
+    resolution: {integrity: sha512-AyLvtyJdbv/U1GkiS6gUUzclRoAY4Gs75qkMygJJhU75LW4DNuSF2RMzpxs9jw9Oz1BobHjTdkG3zdP55VxAqw==}
+    dependencies:
+      robust-predicates: 3.0.1
+    dev: false
+
   /detect-browser/5.3.0:
     resolution: {integrity: sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==}
     dev: false
@@ -777,6 +1219,13 @@ packages:
       safer-buffer: 2.1.2
     dev: false
 
+  /iconv-lite/0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: false
+
   /internmap/1.0.1:
     resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
     dev: false
@@ -815,6 +1264,10 @@ packages:
     resolution: {integrity: sha1-jSnD6CJKEIUMNeM36FqLL6w7DIc=}
     dev: false
 
+  /robust-predicates/3.0.1:
+    resolution: {integrity: sha512-ndEIpszUHiG4HtDsQLeIuMvRsDnn8c8rYStabochtUeCvfuvNptb5TUbVD68LRAILPX7p9nqQGh4xJgn3EHS/g==}
+    dev: false
+
   /rw/1.3.3:
     resolution: {integrity: sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q=}
     dev: false
-- 
Gitee


From d977ad162f3968f3fb6eaad03fc7d95a438170df Mon Sep 17 00:00:00 2001
From: chenHusky <377075038@qq.com>
Date: Mon, 30 May 2022 11:04:05 +0800
Subject: [PATCH 2/2] d3

---
 packages/euler/src/views/company/Index.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/euler/src/views/company/Index.vue b/packages/euler/src/views/company/Index.vue
index e09e124..3dbc30e 100644
--- a/packages/euler/src/views/company/Index.vue
+++ b/packages/euler/src/views/company/Index.vue
@@ -3,7 +3,6 @@ import { useCommonStore } from '@/stores/common';
 import { useCompanyStore } from '@/stores/company';
 import { IObject } from 'shared/@types/interface';
 import OAnchor from 'shared/components/OAnchor.vue';
-import OEchartCircularPile from 'shared/components/OEchartCircularPile.vue';
 import { onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
@@ -42,7 +41,6 @@ onMounted(() => {
 <template>
   <div class="container">
     <o-anchor top="11rem"></o-anchor>
-    <OEchartCircularPile id="OEchartCircularPile"></OEchartCircularPile>
     <div class="wrap">
       <div class="step">
         <span class="step-one">{{ t('nav.contributors') }}</span>
-- 
Gitee