diff --git a/src/data/graphData.ts b/src/data/graphData.ts
new file mode 100644
index 0000000..8e7bcb5
--- /dev/null
+++ b/src/data/graphData.ts
@@ -0,0 +1,1433 @@
+const nodes = [
+  {
+    id: '0',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-26 23:35:56',
+      name: 'Lionel Roob',
+      platform: 'Facebook',
+      special_type: ['initial'],
+    },
+    personProperties: {},
+  },
+  {
+    id: 'icpfqsvtdgitlgkjuvqrpsalyqhjvusjodfcdcba',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-01 15:01:01',
+      name: 'Ms. Norman Klein',
+      platform: 'Facebook',
+      special_type: ['user_importantNode'],
+    },
+    personProperties: {},
+  },
+  {
+    id: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-27 14:39:08',
+      name: 'Kelvin Greenholt',
+      platform: 'Facebook',
+      special_type: ['user_importantNode'],
+    },
+    personProperties: {},
+  },
+  {
+    id: 'wqpfrsgjswetuzutmuzbipaeyyzpizdortoqwrgy',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-10-27 01:06:17',
+      name: 'Boyce Torp',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'pdxmseemhfivqhqryqqivdodrlirdkkkwsvpklvy',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-28 15:15:01',
+      name: 'Zane Adams MD',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'qoejtkwhskkxmatblrlyaqvagdzgfskcyytsptqf',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-22 10:09:21',
+      name: 'Johnson Lang',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-23 18:34:08',
+      name: 'Sandy Schneider PhD',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'uhsovxlsaalyrmarrsvfiqsrtwtetdlxbbzenasq',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-02 21:24:21',
+      name: 'Adolph Jacobs PhD',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'oeneyqvpxzrbcspytmudqccgdvbafoqoygsrgoyz',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-16 11:07:59',
+      name: 'Miss Myrna Prohaska',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'njoeckwsujsbvvmtjaprzbddbkmhzveibnzcygkn',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-11 01:05:49',
+      name: 'Ms. Charley Beahan',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'vvwdwsnvazopmscqheagwsxumcpcyfyitsbmvdeo',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-02 19:03:41',
+      name: 'Bettyann Lehner',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'mruudizowzlzmveugyyxxnorygozlhmvvzjixqhk',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-01-22 14:24:11',
+      name: 'Zachariah Hand',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-30 16:56:18',
+      name: 'Shira McGlynn',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'mtxaqvhvrrsmcfzfkdgupieondufpikmqogjbvmc',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-30 00:43:40',
+      name: 'Miss Daniel Yost',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'fiimfowyotwzfkupaxaywpjdorqpzhbbxhzfjmff',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-19 06:27:14',
+      name: 'Karine Waters',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'heusxjfnncjsipfsieglsmwcuvlhrnpkjmrcrafo',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-29 16:41:24',
+      name: 'Ms. Otha Turcotte',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'lxqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-04-18 06:01:08',
+      name: 'Merrilee Kuvalis',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'uvbmwpirfejlkicuwkuqnmcpmdvquiyabsbsumgq',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-06-08 09:19:50',
+      name: 'Bao Konopelski II',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'nsciubclrwksxjbbhfxfetzhawdyrlhjbkptbbif',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-10-23 00:37:18',
+      name: 'Bob Nienow',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'jtcxlumjcshiwgqujzezsmuzygluptkjvwtcgbtd',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-29 05:08:14',
+      name: 'Manual Blanda',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'jvospldvnbbuccsabfkuaizfjeogdtviokeoszyo',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-16 20:16:09',
+      name: 'Janay Bartell',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'uthuogynefisffqlcpnkogvospafifowdsmgaduz',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-23 01:28:30',
+      name: 'Margarett Bechtelar',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rpefbuwkccnxcwvrtnmyuubvragpbzpteyhdwtbm',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-04 07:27:19',
+      name: 'Chasity Kihn',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'edtshtgwsadhxtqayrzhashaxhapkcdsvbyvrxrg',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-02-18 03:18:18',
+      name: 'Bernardo Blick',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'fwvyqznignrhjceppiesfgluutrdrfayvuekrscx',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-10-10 00:35:42',
+      name: 'Paul Bernier',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'apojicmutgmccyojsvbptnpqnnavhemgsqdramuq',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-04-19 01:29:34',
+      name: 'Mazie Hamill',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-26 03:01:16',
+      name: 'Jesus Ryan MD',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'xaazjxiahqfhxernplysbdebbsljgwvrgwfdtjco',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-06-03 06:51:11',
+      name: 'Miss Kerry Schaefer',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'wsmcxlayheqzxhdflfiyacvcdvmcgoyadvamwvmo',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-01-29 04:16:19',
+      name: 'Mrs. Romelia Mraz',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-17 08:42:34',
+      name: 'Rosalia Osinski',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'opvmcfbdwxyxqklsaenfgmdsaconqjugkudzqviv',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-12 01:02:28',
+      name: 'Raphael Gulgowski',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'zgfwmrzagwxzlyyheqmbstjcvfwbavhdlkmstedc',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-23 15:27:52',
+      name: "Nigel O'Conner",
+      platform: 'Facebook',
+      special_type: ['user_importantNode'],
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rtmidutkobhhzfuullwxxoowclvhlughardaqono',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-31 08:59:40',
+      name: 'Yuko Thiel IV',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'fywqxvvimlngapsxyjzkcevlsczfndvqjbhcvgmn',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-12-06 14:19:27',
+      name: 'Rusty Daugherty',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'opygoqkltprrppwjadferiunedrwjjjapqiwuegk',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-20 18:01:50',
+      name: 'Eura Sawayn',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'srsddzbyebphnczrzedvszduknrktjdzqcahqbvd',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-04-25 06:20:41',
+      name: 'Mr. Andre Wintheiser',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rxvlhumkonddzfpzhfdulkmrhaiglqiluuvrwbvi',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-22 08:58:12',
+      name: 'Kenna Stamm',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'qxvchxloormmukwxefiuilnbssgmmgamlxfvlfpu',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-23 06:24:58',
+      name: 'Edra Gerhold I',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'sbvomjyqeobvhsrwjtmiihnqichgcswiuvlwzewh',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-22 04:28:00',
+      name: 'Tyrone Franecki II',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'vurwcdkvyrapobeafdwismxkchjsdlhptbyhdcjl',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-02-18 21:12:26',
+      name: 'Yuki Kessler',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'uymxcusdlrnxrnnbuvfludmzyrifnimzorqlfqyi',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-01-12 18:26:42',
+      name: 'Melany Anderson',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ztyaadsciajazpdebrjxjwbmvyfvwdeckgupqtid',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-31 19:14:06',
+      name: 'Ms. Palmira Hoppe',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ojlwykvgrzujtbkxvcgxkwmoaexmxkkgaekefmex',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-10-11 20:39:25',
+      name: 'Ms. Benny Quigley',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rtnrewwwdcpmuwuhkrtnukxzksjdzzbqqphqvmdy',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-02 06:21:22',
+      name: 'Jesse Kilback',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-04-17 06:17:03',
+      name: 'Linette Anderson DVM',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'wbbhptxzqxdwspjguxdtekqcxguvyhxfkfmcunmb',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-30 14:32:13',
+      name: 'Darwin Bayer',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'bdchmxnbzxzhporsoakrlcadonbxqniejqtqmtvh',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-28 21:40:27',
+      name: 'Dennise Franecki',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'hxzcxljvnkwjsiwdjuvaekunwcabkosshcygyvin',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-04-04 04:08:15',
+      name: 'Gertrud Hammes',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'cbkmevdysrmqovaghrpkwwbdphilfqrnnxchekof',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-02-18 20:30:04',
+      name: 'Dr. Hugo Schneider',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ccqkotnszmyjegnbojmnchbmejupqiubrdizamtt',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-15 07:48:57',
+      name: 'Shala Satterfield DDS',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'zeshfanhqvylyoaafilgoofevppabohftbycwxlc',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-27 12:12:24',
+      name: 'Penni Borer IV',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'znmddhxhkgvbipesqabecspcwssavrauumwwkayj',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-05-06 15:29:32',
+      name: 'Jere Brakus III',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'kfjnipiizknkqhlpgpikcacznpgxiwofrhqlvrtu',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-16 08:24:44',
+      name: 'Ms. Bobby Doyle',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rtlnuudgytivzylvnutjjkrmvcicxuibqgoqakkx',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-24 06:07:45',
+      name: 'Patrina Cormier',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'rehsjwcwnzqubazowiczxlbxtvhwrupvmlaqwube',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-02-05 03:11:33',
+      name: 'Estella Muller',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'pihsvjtijheowwnfvlqgmjatnbmqdnezfgrpgjer',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-27 12:28:01',
+      name: 'Ray Hansen',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'wawblnsxbnsnsdkgoazwffmlsewwdgaujfdxgult',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-05 06:19:54',
+      name: 'Luis Treutel',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'jbmxnnhnjwhnzczlbibglsbybucyyywyrdxdqhfh',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-10 22:23:07',
+      name: 'Laquita Auer V',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'nxilzsvqkzyefbhagyvqwltgrokslyipqfsyelbh',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-06-04 19:33:11',
+      name: 'Joe Lindgren',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'azqyojvweyzmzssfuekwwevizbshkctdxskwudjt',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-06-19 14:03:40',
+      name: 'Deborah Howe',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'asdqlcdshbweackrhziciaxaybzgrojzpdexpuag',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-28 17:41:50',
+      name: 'Gail Crona',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'mawoxpghlsprjevozpvwmbyerxuwimuxujgmkyuh',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-22 18:49:17',
+      name: 'Buffy Harvey Jr.',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ffeworwqeixeouxaofykytuomzbxytnsweyrchsz',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-12-20 08:45:38',
+      name: 'Miss Carolina Haag',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'blqwmaccyktayzodhwkgqacjorhtovaengbxwjdg',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-07 05:52:10',
+      name: 'Steven Nienow',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'bhfcknciygzlnmxrdpzgrfdtymirjrtkejemhtvh',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-11-14 09:33:17',
+      name: 'Mariam Robel PhD',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'iwpzlsweceuxzmphacvimxzbukzglqosaxrakasa',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-10 16:33:30',
+      name: 'Damion Beatty',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'mumhdgpowsgpooifwmugjceccbqlonojkhswwxun',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-04-28 14:36:34',
+      name: 'Scotty Kozey',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'wfnjwmvblapkxscplpqjbelxmlstuzsjzmrsuetk',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-15 23:14:13',
+      name: 'Migdalia Bode',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'xkyrkbyoblvclwwxsduuwbghdjgpckvedpdprjiy',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-04-30 19:13:14',
+      name: 'Cary Kulas',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'fxltsjqamxiejirrrhipuhmdvwmmnfwczelgaxvd',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-12-07 03:48:32',
+      name: 'Harry Hoeger',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'iddwyakoojgpuygysvtdbfcqoqqlrcrtelvtlxns',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-02-26 01:58:58',
+      name: 'Ike Casper Jr.',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'mkrwydkdhdhvirbeysauvajniopeinujkdjhgrkk',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-07-02 13:46:05',
+      name: 'Marcella Hackett I',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ncgdkrqjinegfwerpsksbokolyqvhjgcyxiznzsd',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-01-05 09:19:29',
+      name: 'Lorelei Braun',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'atdblosvebpsdoezgahmxeolyvllqbjnixgdtnnm',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-09-10 23:23:15',
+      name: 'Miss Karrie Kuphal',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'urrsvvyvrcqjqbllniipnymczcyktgomuxlbzzsy',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-03-02 21:56:50',
+      name: 'Ms. Parker Zemlak',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'gsfqdvdzbdymivazkeswnckclmzjdthpuaanpfhd',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-10-06 00:52:34',
+      name: 'Truman Dooley',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'pnlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-08-01 21:29:11',
+      name: 'Daron McKenzie II',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ahqlzxruvpeankvymlkxwwuggbuiipavafmedetr',
+    type: 'user',
+    properties: {
+      最早参与时间: '2024-06-19 00:41:45',
+      name: 'Celena Hoeger',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+  {
+    id: 'ordomzcdhxwcljxezkfbygkkdzwwykejtidbzgys',
+    type: 'user',
+    properties: {
+      最早参与时间: '2025-01-03 03:06:36',
+      name: 'Alona Satterfield',
+      platform: 'Facebook',
+    },
+    personProperties: {},
+  },
+];
+
+const links = [
+  {
+    source: 'wfnjwmvblapkxscplpqjbelxmlstuzsjzmrsuetk',
+    target: 'bqquelaqawwwprmqxgggzgxbauokbpjyzliehldx',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-07-15 23:14:13'],
+  },
+  {
+    source: 'rtmidutkobhhzfuullwxxoowclvhlughardaqono',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-08-31 08:59:40'],
+  },
+  {
+    source: 'kfjnipiizknkqhlpgpikcacznpgxiwofrhqlvrtu',
+    target: 'ccqkotnszmyjegnbojmnchbmejupqiubrdizamtt',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-03-16 08:24:44'],
+  },
+  {
+    source: 'srsddzbyebphnczrzedvszduknrktjdzqcahqbvd',
+    target: 'ahqlzxruvpeankvymlkxwwuggbuiipavafmedetr',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-04-25 06:20:41'],
+  },
+  {
+    source: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-11-30 16:56:18'],
+  },
+  {
+    source: 'fwvyqznignrhjceppiesfgluutrdrfayvuekrscx',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-10-10 00:35:42', '2025-01-11 23:57:41'],
+  },
+  {
+    source: 'rtnrewwwdcpmuwuhkrtnukxzksjdzzbqqphqvmdy',
+    target: 'bdchmxnbzxzhporsoakrlcadonbxqniejqtqmtvh',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-02 06:21:22'],
+  },
+  {
+    source: 'qoejtkwhskkxmatblrlyaqvagdzgfskcyytsptqf',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-08-22 10:09:21'],
+  },
+  {
+    source: 'uymxcusdlrnxrnnbuvfludmzyrifnimzorqlfqyi',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-01-12 18:26:42'],
+  },
+  {
+    source: 'vvwdwsnvazopmscqheagwsxumcpcyfyitsbmvdeo',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-09-02 19:03:41'],
+  },
+  {
+    source: 'rxvlhumkonddzfpzhfdulkmrhaiglqiluuvrwbvi',
+    target: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-09-22 08:58:12'],
+  },
+  {
+    source: 'znmddhxhkgvbipesqabecspcwssavrauumwwkayj',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-05-06 15:29:32'],
+  },
+  {
+    source: 'rehsjwcwnzqubazowiczxlbxtvhwrupvmlaqwube',
+    target: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-02-05 03:11:33'],
+  },
+  {
+    source: 'hxzcxljvnkwjsiwdjuvaekunwcabkosshcygyvin',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-04-04 04:08:15'],
+  },
+  {
+    source: 'opygoqkltprrppwjadferiunedrwjjjapqiwuegk',
+    target: 'opygoqkltprrppwjadferiunedrwjjjapqiwuegk',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-20 18:01:50'],
+  },
+  {
+    source: 'zeshfanhqvylyoaafilgoofevppabohftbycwxlc',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-11-27 12:12:24'],
+  },
+  {
+    source: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-07-26 03:01:16'],
+  },
+  {
+    source: 'mumhdgpowsgpooifwmugjceccbqlonojkhswwxun',
+    target: 'bdchmxnbzxzhporsoakrlcadonbxqniejqtqmtvh',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-04-28 14:36:34'],
+  },
+  {
+    source: 'wbbhptxzqxdwspjguxdtekqcxguvyhxfkfmcunmb',
+    target: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-11-30 14:32:13'],
+  },
+  {
+    source: 'opvmcfbdwxyxqklsaenfgmdsaconqjugkudzqviv',
+    target: 'rtmidutkobhhzfuullwxxoowclvhlughardaqono',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-03-12 01:02:28'],
+  },
+  {
+    source: 'ahqlzxruvpeankvymlkxwwuggbuiipavafmedetr',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-06-19 00:41:45'],
+  },
+  {
+    source: 'sbvomjyqeobvhsrwjtmiihnqichgcswiuvlwzewh',
+    target: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-03-22 04:28:00'],
+  },
+  {
+    source: 'lxqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-04-18 06:01:08'],
+  },
+  {
+    source: 'cbkmevdysrmqovaghrpkwwbdphilfqrnnxchekof',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-02-18 20:30:04'],
+  },
+  {
+    source: 'pnlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-08-01 21:29:11'],
+  },
+  {
+    source: 'jvospldvnbbuccsabfkuaizfjeogdtviokeoszyo',
+    target: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-03-16 20:16:09'],
+  },
+  {
+    source: 'bdchmxnbzxzhporsoakrlcadonbxqniejqtqmtvh',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-03-28 21:40:27'],
+  },
+  {
+    source: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-04-17 06:17:03'],
+  },
+  {
+    source: 'ccqkotnszmyjegnbojmnchbmejupqiubrdizamtt',
+    target: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-03-15 07:48:57'],
+  },
+  {
+    source: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-03-17 08:42:34'],
+  },
+  {
+    source: 'apojicmutgmccyojsvbptnpqnnavhemgsqdramuq',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-04-19 01:29:34'],
+  },
+  {
+    source: 'urrsvvyvrcqjqbllniipnymczcyktgomuxlbzzsy',
+    target: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-03-02 21:56:50'],
+  },
+  {
+    source: 'xkyrkbyoblvclwwxsduuwbghdjgpckvedpdprjiy',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-04-30 19:13:14'],
+  },
+  {
+    source: 'pdxmseemhfivqhqryqqivdodrlirdkkkwsvpklvy',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-28 15:15:01'],
+  },
+  {
+    source: 'mkrwydkdhdhvirbeysauvajniopeinujkdjhgrkk',
+    target: 'bdchmxnbzxzhporsoakrlcadonbxqniejqtqmtvh',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-02 13:46:05'],
+  },
+  {
+    source: 'azqyojvweyzmzssfuekwwevizbshkctdxskwudjt',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-06-19 14:03:40'],
+  },
+  {
+    source: 'wawblnsxbnsnsdkgoazwffmlsewwdgaujfdxgult',
+    target: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-07-05 06:19:54'],
+  },
+  {
+    source: 'uthuogynefisffqlcpnkogvospafifowdsmgaduz',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-07-23 01:28:30'],
+  },
+  {
+    source: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-07-27 14:39:08'],
+  },
+  {
+    source: 'iddwyakoojgpuygysvtdbfcqoqqlrcrtelvtlxns',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-02-26 01:58:58'],
+  },
+  {
+    source: 'zgfwmrzagwxzlyyheqmbstjcvfwbavhdlkmstedc',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-08-23 15:27:52'],
+  },
+  {
+    source: 'mawoxpghlsprjevozpvwmbyerxuwimuxujgmkyuh',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-09-22 18:49:17'],
+  },
+  {
+    source: 'wqpfrsgjswetuzutmuzbipaeyyzpizdortoqwrgy',
+    target: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-10-27 01:06:17'],
+  },
+  {
+    source: 'pihsvjtijheowwnfvlqgmjatnbmqdnezfgrpgjer',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-09-27 12:28:01'],
+  },
+  {
+    source: 'edtshtgwsadhxtqayrzhashaxhapkcdsvbyvrxrg',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-02-18 03:18:18'],
+  },
+  {
+    source: 'rpefbuwkccnxcwvrtnmyuubvragpbzpteyhdwtbm',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-07-04 07:27:19'],
+  },
+  {
+    source: 'jtcxlumjcshiwgqujzezsmuzygluptkjvwtcgbtd',
+    target: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-29 05:08:14'],
+  },
+  {
+    source: 'blqwmaccyktayzodhwkgqacjorhtovaengbxwjdg',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-11-07 05:52:10'],
+  },
+  {
+    source: 'fiimfowyotwzfkupaxaywpjdorqpzhbbxhzfjmff',
+    target: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-09-19 06:27:14'],
+  },
+  {
+    source: 'nxilzsvqkzyefbhagyvqwltgrokslyipqfsyelbh',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-06-04 19:33:11'],
+  },
+  {
+    source: 'ztyaadsciajazpdebrjxjwbmvyfvwdeckgupqtid',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-31 19:14:06'],
+  },
+  {
+    source: 'ncgdkrqjinegfwerpsksbokolyqvhjgcyxiznzsd',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-01-05 09:19:29'],
+  },
+  {
+    source: 'uvbmwpirfejlkicuwkuqnmcpmdvquiyabsbsumgq',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-06-08 09:19:50'],
+  },
+  {
+    source: 'mruudizowzlzmveugyyxxnorygozlhmvvzjixqhk',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-01-22 14:24:11'],
+  },
+  {
+    source: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    target: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-08-23 18:34:08'],
+  },
+  {
+    source: 'heusxjfnncjsipfsieglsmwcuvlhrnpkjmrcrafo',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-03-29 16:41:24'],
+  },
+  {
+    source: 'pmxxgctzwevhtknpqtmqnkrlqhhfdawfdaksrzvu',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-08-26 23:35:56'],
+  },
+  {
+    source: 'iwpzlsweceuxzmphacvimxzbukzglqosaxrakasa',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-10 16:33:30'],
+  },
+  {
+    source: 'njoeckwsujsbvvmtjaprzbddbkmhzveibnzcygkn',
+    target: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-03-11 01:05:49'],
+  },
+  {
+    source: 'fxltsjqamxiejirrrhipuhmdvwmmnfwczelgaxvd',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-12-07 03:48:32'],
+  },
+  {
+    source: 'ffeworwqeixeouxaofykytuomzbxytnsweyrchsz',
+    target: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-12-20 08:45:38'],
+  },
+  {
+    source: 'ojlwykvgrzujtbkxvcgxkwmoaexmxkkgaekefmex',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-10-11 20:39:25'],
+  },
+  {
+    source: 'asdqlcdshbweackrhziciaxaybzgrojzpdexpuag',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-11-28 17:41:50'],
+  },
+  {
+    source: 'fywqxvvimlngapsxyjzkcevlsczfndvqjbhcvgmn',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-12-06 14:19:27'],
+  },
+  {
+    source: 'vurwcdkvyrapobeafdwismxkchjsdlhptbyhdcjl',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2025-02-18 21:12:26'],
+  },
+  {
+    source: 'ordomzcdhxwcljxezkfbygkkdzwwykejtidbzgys',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2025-01-03 03:06:36'],
+  },
+  {
+    source: 'jbmxnnhnjwhnzczlbibglsbybucyyywyrdxdqhfh',
+    target: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-11-10 22:23:07'],
+  },
+  {
+    source: 'nsciubclrwksxjbbhfxfetzhawdyrlhjbkptbbif',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-10-23 00:37:18'],
+  },
+  {
+    source: 'gsfqdvdzbdymivazkeswnckclmzjdthpuaanpfhd',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-10-06 00:52:34'],
+  },
+  {
+    source: 'icpfqsvtdgitlgkjuvqrpsalyqhjvusjodfcdcba',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-07-01 15:01:01'],
+  },
+  {
+    source: 'oeneyqvpxzrbcspytmudqccgdvbafoqoygsrgoyz',
+    target: 'gsqgxrhgdzqghngcjzhihmvntajbluadexcvkccj',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-09-16 11:07:59'],
+  },
+  {
+    source: 'qxvchxloormmukwxefiuilnbssgmmgamlxfvlfpu',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-07-23 06:24:58'],
+  },
+  {
+    source: 'uhsovxlsaalyrmarrsvfiqsrtwtetdlxbbzenasq',
+    target: 'dmejgcpojzjdpjwhjnrgubahjcccnmiifyzknuaj',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-08-02 21:24:21'],
+  },
+  {
+    source: 'xaazjxiahqfhxernplysbdebbsljgwvrgwfdtjco',
+    target: 'rfgyevhomztjodylftnrrpslptdduhopwsjpjusl',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2024-06-03 06:51:11'],
+  },
+  {
+    source: 'rtlnuudgytivzylvnutjjkrmvcicxuibqgoqakkx',
+    target: 'jxasmgtsjostuqiyrinjecbhhlppdmgcxrysfnft',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-09-24 06:07:45'],
+  },
+  {
+    source: 'mtxaqvhvrrsmcfzfkdgupieondufpikmqogjbvmc',
+    target: 'zwrkcfxikeausayuymvpesxgiezbqdvmavesdiff',
+    rank: null,
+    type: 'user_comment_user',
+    properties: null,
+    ranksa: ['2024-09-30 00:43:40'],
+  },
+  {
+    source: 'bhfcknciygzlnmxrdpzgrfdtymirjrtkejemhtvh',
+    target: 'lqjxvsanhseprodsaaqbsrxxvvdgxrnfwoptlkr',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-11-14 09:33:17'],
+  },
+  {
+    source: 'wsmcxlayheqzxhdflfiyacvcdvmcgoyadvamwvmo',
+    target: 'pjlmvyimkhgvcgsejdmsmmxdlyxlmzdgymxuzwgn',
+    rank: null,
+    type: 'user_repost_user',
+    properties: null,
+    ranksa: ['2025-01-29 04:16:19'],
+  },
+  {
+    source: 'atdblosvebpsdoezgahmxeolyvllqbjnixgdtnnm',
+    target: 'mwbrxihpdhcjngmiutkguhkpdwkozjzqxmarccaf',
+    rank: null,
+    type: 'user_cite_user',
+    properties: null,
+    ranksa: ['2024-09-10 23:23:15'],
+  },
+];
+
+export default { nodes, links  };
diff --git a/src/views/index.vue b/src/views/index.vue
new file mode 100644
index 0000000..6d2d903
--- /dev/null
+++ b/src/views/index.vue
@@ -0,0 +1,629 @@
+<template>
+    <div class="sky-page-box sky-pageBgc-r" ref="pageBoxRef" id="visualize_2d">
+        <!-- 时间轴 -->
+        <div class="sky-time-box sky-flex-rsc">
+            <div>{{ dateFormat(temporalTimeMin, 'YYYY/MM/DD') }}</div>
+            <div class="sky-position-r sky-w-50 sky-ml-10 sky-mr-15 sky-mt-2 sky-w-500px h-5px">
+                <!-- 此处更换时间轴图标 -->
+                <img v-for="(item, index) in init_time_left" :key="index" src="./assets/img/initNode_time.svg?url"
+                    style="position: absolute; left: 0%; transform: translate(-50%, -30%); z-index: 10"
+                    :style="{ left: item }" alt="" />
+                <img v-for="(item, index) in importantNode_time_left" :key="index"
+                    src="./assets/img/importantNode_time.svg?url"
+                    style="position: absolute; transform: translate(-40%, -30%); z-index: 10" :style="{ left: item }"
+                    alt="" />
+                <t-slider :min="temporalTimeMin" :max="temporalTimeMax" :show-tooltip="true" class="sky-timeSlider"
+                    v-model="temporalTime" :label="handleTimeLabel" @change-end="changeTemporalTimeEnd">
+                    <template #Lable="{ value }">
+                        <span>当前值: {{ value * 2 }}</span>
+                    </template>
+                    <template #button>
+                        <img src="./user/lao.png"
+                            style="position: absolute; transform: translate(-50%, -100%)"
+                            :style="{ left: temporalTick }" alt="" />
+                    </template>
+                </t-slider>
+            </div>
+
+            <div>{{ dateFormat(temporalTimeMax, 'YYYY/MM/DD') }}</div>
+
+            <PlayCircleIcon v-if="temporalPlayShow" class="sky-fs-20 sky-hover-c-primary sky-ml-10"
+                @click="handleTemporaPlay" />
+            <PauseCircleIcon v-else class="sky-fs-20 sky-hover-c-primary sky-ml-10" @click="handleTemporaPause" />
+        </div>
+        <!--图显示区域-->
+        <div class="sky-graph-area sky-flex-rss sky-graph-area-h1">
+            <!-- 绘图面板区域 -->
+            <div ref="graphPanelRef" id="sky-graph-panel" style="width: 100%; height: calc(100% - 2px)"></div>
+        </div>
+
+        <t-loading v-if="isLayouting" class="sky-layoutLoading" text="正在布局..." size="small"></t-loading>
+    </div>
+</template>
+
+<script lang="tsx">
+export default {
+    name: '',
+}
+</script>
+
+<script lang="tsx" setup>
+import { onMounted, reactive, ref, nextTick, toRaw, onBeforeUnmount, Ref } from 'vue'
+
+import { PlayCircleIcon, PauseCircleIcon } from 'tdesign-icons-vue-next'
+
+import GraphVis from '../assets/graphvis/graphvis.esm.min3.js'
+import { getDefaultConfig } from '../assets/graphvis/defaultConfig.js'
+import { getLayoutDefaultConfig } from '../assets/graphvis/layoutParamsDict.js'
+
+import { MessagePlugin } from 'tdesign-vue-next'
+import timeData from '../data/graphData'
+import dayjs from 'dayjs'
+import { id } from 'element-plus/es/locales.mjs'
+
+const props = defineProps({
+    graphData: {
+        type: Object,
+        default: () => {
+            return {
+                nodes: [
+                    {
+                        id: '人民网',
+                        type: 'user',
+                        properties: { name: 'Lionel Roob', special_type: ['initial'], },
+                        personProperties: {url:('src/views/user/boss.png')},
+                    }
+
+                ],
+                links: [
+
+                ],
+            }
+        },
+    },
+    duSize: {
+        // 根据度  改变 node size
+        type: Boolean,
+        default: true,
+    },
+})
+
+const dateFormat = (date, format = 'YYYY-MM-DD HH:mm:ss') => {
+    if (!date) return '暂无'
+    return dayjs(date).format(format)
+}
+let LicenseKey =
+    '01D01J01E01A01D01I01A01E01C01A01D00Z03003903303402P03202N03702R02X02R03303103402P037037'
+
+const isLayouting = ref(false)
+let visualizeData = reactive({
+    nodes: [],
+    links: [],
+})
+
+const initVisualizeData = () => {
+    const { nodes, links } = props.graphData
+
+    if (Array.isArray(links) && Array.isArray(nodes) && (links.length || nodes.length)) {
+        visualizeData = {
+            links: initLinkStyle(links, nodes),
+            nodes: initNodeStyle(nodes, links),
+        }
+        if (!validate) {
+            MessagePlugin.warning('暂不支持进入时序动态网络')
+            return
+        }
+        createGraph() //初始化客户端
+        nextTick(() => {
+            initGraphData() //初始化加载数据并绘图
+        })
+    } else {
+        MessagePlugin.error('数据有误')
+    }
+}
+
+// 创建全局绘图客户端对象
+let graphVis: any = null
+let graphPanelRef = ref(null)
+const createGraph = () => {
+    graphVis = new GraphVis({
+        container: document.getElementById('sky-graph-panel'),
+        licenseKey: LicenseKey,
+        config: getDefaultConfig(),
+    })
+    graphVis.setDragHideLine(false) //拖拽时隐藏连线
+    graphVis.setShowDetailScale(0.1) //展示细节的比例
+    graphVis.setZoomRange(0.1, 5) //缩放区间
+}
+// 初始化图谱数据
+
+const initGraphData = () => {
+    graphVis.addGraph(visualizeData)
+    nextTick(() => {
+        layoutEvent('fastForce')
+        graphVis.zoomFit()
+    })
+}
+// 节点大小
+
+const setNodeSize = (nodelist = []) => {
+    let leg = nodelist.length
+    let size = 10
+    if (leg <= 10) {
+        size = 26
+    } else if (leg <= 30) {
+        size = 24
+    } else if (leg <= 50) {
+        size = 22
+    } else if (leg <= 100) {
+        size = 20
+    } else if (leg <= 500) {
+        size = 18
+    } else if (leg <= 1000) {
+        size = 16
+    } else if (leg <= 5000) {
+        size = 14
+    } else if (leg <= 10000) {
+        size = 12
+    } else {
+        size = 10
+    }
+
+    return size
+}
+
+// 初始化 节点样式
+const initNodeStyle = (nodeList = [], linkList = [], doAlgStyle = false) => {
+    let nodeIdCount = {}
+    let nodeIdsAll = []
+    let resNodes = []
+
+    linkList.forEach((link) => {
+        let source = link.source
+        if (source) {
+            if (nodeIdCount[source]) {
+                nodeIdCount[source]++
+            } else {
+                nodeIdsAll.push(source)
+                nodeIdCount[source] = 1
+            }
+        }
+        let target = link.target
+        if (target) {
+            if (nodeIdCount[target]) {
+                nodeIdCount[target]++
+            } else {
+                nodeIdsAll.push(target)
+                nodeIdCount[target] = 1
+            }
+        }
+    })
+    let descCountArr = Array.from(new Set(Object.values(nodeIdCount).sort()))
+    let ratio = descCountArr.length > 10 ? 10 : descCountArr.length
+    let maxVal = Math.max(...descCountArr)
+    let minVal = Math.min(...descCountArr)
+
+    let size = setNodeSize(nodeList)
+    let isolateNum = 0
+    let nodeObj = {} // 去重
+    let maxSize = 0
+    nodeList.forEach((node) => {
+        if (!node.style) {
+            node.style = {}
+        }
+
+        // 处理节点标签
+        let propName = node.properties?.name || node.properties?.author_name || ''
+        if (propName) {
+            node.label = propName
+        }
+        if (!node.color) {
+            node.color = '255,96,96'
+        }
+        if (!node.size) {
+            node.size = size
+        }
+
+        // 节点大小处理
+        if (props.duSize && nodeIdCount[node.id] && maxVal > minVal) {
+            let enlargeNum = ((20 + 3 * ratio) * (nodeIdCount[node.id] - minVal)) / (maxVal - minVal)
+            node.size = Number(node.size) + Math.ceil(enlargeNum)
+        }
+
+        maxSize = Math.max(maxSize, node.size)
+
+        if (!nodeObj[node.id]) {
+            // 去重
+            nodeObj[node.id] = 1
+
+            if (nodeIdsAll.includes(node.id)) {
+                // 不是孤立节点
+
+                resNodes.push({
+                    ...node,
+                })
+            } else if (isolateNum < 10) {
+                // 只显示 10个孤立点
+
+                isolateNum++
+                resNodes.push({
+                    ...node,
+                })
+            }
+        } else {
+            nodeObj[node.id]++
+        }
+    })
+
+    handleTemporalTimeRange()
+    handleImportantTag(nodeList, linkList)
+
+    return resNodes
+}
+
+const setLinkWidth = (linkList = [], nodeList = []) => {
+    let leg = linkList.length + nodeList.length
+
+    let wd = 1
+    if (leg <= 10) {
+        wd = 3.25
+    } else if (leg <= 30) {
+        wd = 3
+    } else if (leg <= 50) {
+        wd = 2.75
+    } else if (leg <= 100) {
+        wd = 2.5
+    } else if (leg <= 500) {
+        wd = 2.25
+    } else if (leg <= 1000) {
+        wd = 2
+    } else if (leg <= 2000) {
+        wd = 1.75
+    } else if (leg <= 5000) {
+        wd = 1.5
+    } else if (leg <= 10000) {
+        wd = 1.25
+    } else {
+        wd = 1
+    }
+
+    return wd
+}
+// 校验可视化数据
+let validate = false
+// 初始化 连边样式
+const initLinkStyle = (links = [], nodes = []) => {
+    let wd = setLinkWidth(links, nodes)
+    let resLinks = []
+    links.forEach((link) => {
+        if (!link.lineWidth) {
+            link.lineWidth = wd
+        }
+        if (link.enlarge) {
+            const enlarge = Number(link.enlarge) || 1.5
+            link.lineWidth = Number(link.lineWidth) * enlarge
+        }
+        if (link.ranks) {
+            validate = true
+        }
+
+        // 时序 时间范围
+
+        if (!link.properties) {
+            link.properties = {}
+        }
+        if (!link.ranks) {
+            link.ranks = []
+        }
+        if (link.ranks) {
+            link.properties.ranks = link.ranks
+            temporalTimeRange.push(...link.properties.ranks)
+        }
+        resLinks.push({
+            ...link,
+        })
+    })
+    return resLinks
+}
+
+//当前布局信息
+let currentLayout = ref({
+    preLayout: 'fastForce',
+    type: '',
+    icon: 'el-icon-video-play',
+    text: '执行布局',
+    status: false,
+    layoutConfigText: '布局参数设置',
+})
+const layoutEvent = (layoutType, params = {}) => {
+    // console.log(12)
+
+    // if (stopOperation(true,false)) return;
+    currentLayout.value.type = layoutType
+    runLayout(params)
+}
+const runLayout = (params) => {
+    if (currentLayout.value.status) {
+        graphVis.stopLayout()
+        endLayoutCallback()
+        return
+    }
+    let layoutType = currentLayout.value.type
+    currentLayout.value.icon = 'el-icon-loading' //运行中
+    currentLayout.value.text = '布局中,点击停止'
+    currentLayout.value.status = true
+    currentLayout.value.layoutConfigText = '布局中,点击停止'
+    let graphData = graphVis.getVisibleData() //可视化数据
+
+    let layoutConfig = getLayoutDefaultConfig(layoutType, params)
+
+    graphVis.excuteWorkerLayout(graphData, layoutType, layoutConfig, false, function () {
+        endLayoutCallback()
+        MessagePlugin.success('布局成功')
+    })
+}
+
+const endLayoutCallback = () => {
+    //布局结束的处理
+    currentLayout.value.icon = 'el-icon-video-play'
+    currentLayout.value.text = '开始布局'
+    currentLayout.value.status = false
+    currentLayout.value.preLayout = currentLayout.value.type
+    currentLayout.value.layoutConfigText = '布局参数设置'
+    graphVis.moveCenter && graphVis.moveCenter()
+    toolBarEvent('zoom', 'auto')
+}
+const toolBarEvent = (eventType, type) => {
+    if (eventType == 'zoom') {
+        graphVis.setZoom(type)
+    }
+}
+// 时序网络
+let temporalTime = ref(0)
+let temporalTimeMin = ref(0)
+let temporalTimeMax = ref(0)
+let temporalTimeRange = []
+let temporalPlayShow = ref(true)
+let temporaInterval = null
+let temporalTick = ref('0%')
+// 重要节点和首发节点的坐标 left
+let importantNode_time_left = ref([])
+let init_time_left = ref([])
+const handleTemporalTimeRange = () => {
+    temporalTimeRange = temporalTimeRange.map((time) => new Date(time).getTime())
+    temporalTimeMin.value = Math.min(...temporalTimeRange)
+    temporalTimeMax.value = Math.max(...temporalTimeRange)
+    temporalTime.value = temporalTimeMax.value
+}
+
+const set_important_left_map = (node, map, ratio) => {
+    if (
+        !map.has(node.id) &&
+        (node.properties?.special_type?.includes('post_importantNode') ||
+            node.properties?.special_type?.includes('user_importantNode'))
+    ) {
+        map.set(node.id, `${Math.round(ratio * 100)}%`)
+    }
+}
+const set_init_left_map = (node, map, ratio) => {
+    if (!map.has(node.id) && node.properties?.special_type?.includes('initial')) {
+        map.set(node.id, `${Math.round(ratio * 100)}%`)
+    }
+}
+
+const handleImportantTag = (nodeList, linkList) => {
+    const temporalTimeRange_copy = [...temporalTimeRange]
+    let important_left_map = new Map()
+    let init_left_map = new Map()
+    temporalTimeRange_copy.sort()
+    temporalTimeRange_copy.forEach((curTime) => {
+        const curLinks = linkList.filter((link) => {
+            let ranks = link.properties.ranks.map((time) => new Date(time).getTime())
+            if (ranks.includes(curTime)) {
+                return true
+            }
+        })
+        curLinks.forEach((link) => {
+            const source = nodeList.find((node) => node.id === link.source)
+            const target = nodeList.find((node) => node.id === link.target)
+            if (source && target) {
+                const ratio =
+                    (curTime - temporalTimeMin.value) / (temporalTimeMax.value - temporalTimeMin.value)
+                // 判断节点是否是重要节点并添加到important_left_map
+                set_important_left_map(source, important_left_map, ratio)
+                set_important_left_map(target, important_left_map, ratio)
+                // 判断节点是否是首发节点并添加到init_left_map
+                set_init_left_map(source, init_left_map, ratio)
+                set_init_left_map(target, init_left_map, ratio)
+            }
+        })
+    })
+    importantNode_time_left.value = Array.from(important_left_map.values())
+    init_time_left.value = Array.from(init_left_map.values())
+}
+const handleTimeLabel = () => {
+    return dateFormat(temporalTime.value)
+}
+
+const changeTemporalTimeEnd = () => {
+    temporalGraphRefresh(temporalTime.value)
+}
+
+const temporalGraphRefresh = (time) => {
+    graphVis.nodes.forEach((node) => (node.visible = false))
+    graphVis.links.forEach((item) => {
+        let ranks = item.properties.ranks.map((time) => new Date(time).getTime())
+        ranks.sort()
+
+        // 计算小于等于当前时间的时间点数量
+        const link_time = ranks.filter((t) => t <= time)
+        const count = link_time.length
+        if (count > 0) {
+            item.visible = true
+            let source = graphVis.findNodeById(item.source.id)
+            let target = graphVis.findNodeById(item.target.id)
+            source.visible = true
+            target.visible = true
+            if (count >= 2) {
+                item.label = count
+                item.showlabel = true
+            } else {
+                item.showlabel = false
+            }
+        } else {
+            item.visible = false
+        }
+    })
+    graphVis.refreshView()
+}
+
+const handleTemporaPlay = () => {
+    let step = Math.floor((temporalTimeMax.value - temporalTimeMin.value) / 20)
+    // 点击播放时，如果处于最大时间，则从头开始播放
+    if (temporalTime.value === temporalTimeMax.value) {
+        temporalTime.value = temporalTimeMin.value
+        temporalGraphRefresh(temporalTime.value)
+    }
+    // 1小时
+    // let step = 60 * 60 * 1000;
+    temporalPlayShow.value = false
+    temporaInterval = setInterval(() => {
+        let nextTime = temporalTime.value + step
+        if (nextTime >= temporalTimeMax.value) {
+            nextTime = temporalTimeMax.value
+            clearInterval(temporaInterval)
+            temporalPlayShow.value = true
+            temporaInterval = null
+        }
+        temporalTime.value = nextTime
+        const ratio =
+            (temporalTime.value - temporalTimeMin.value) / (temporalTimeMax.value - temporalTimeMin.value)
+        temporalTick.value = `${Math.round(ratio * 100)}%`
+        temporalGraphRefresh(nextTime)
+    }, 1000)
+}
+
+const handleTemporaPause = () => {
+    clearInterval(temporaInterval)
+    temporalPlayShow.value = true
+    temporaInterval = null
+}
+
+onMounted(() => {
+    initVisualizeData()
+})
+onBeforeUnmount(() => {
+    graphVis = null
+})
+</script>
+
+<style lang="less" scoped>
+.sky-page-box {
+    height: 100%;
+    width: 100%;
+    min-width: 600px;
+    min-height: 600px;
+    position: relative;
+}
+
+.sky-graph-area-h1 {
+    height: calc(100% - 80px);
+}
+
+.sky-layoutLoading {
+    position: fixed;
+    bottom: 0;
+    right: 0;
+}
+
+.sky-time-box {
+    position: absolute;
+    bottom: 16px;
+    right: 80px;
+    z-index: 10;
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 14px;
+}
+
+:deep(.sky-timeSlider .t-slider__button) {
+    transform: translateY(-75%);
+    width: 18px;
+    height: 24px;
+    background-image: url('../src/assets/img/slider_curr.svg');
+    border: none;
+    box-shadow: none;
+    border-radius: 0%;
+}
+
+:deep(.sky-timeSlider .t-slider .t-slider__rail .t-slider__track) {
+    background-color: #bc1b22;
+}
+</style>
+<style lang="less">
+.sky-pageBgc-r {
+    background: #f5f1f1 !important;
+}
+
+.sky-flex-rsc {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.sky-flex-rss {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: flex-start;
+}
+
+.sky-position-r {
+    position: relative;
+}
+
+each(range(100), {
+    .sky-w-@{value} {
+        width: (@value * 1%);
+    }
+
+}) each(range(2000), {
+    .sky-w-@{value}px {
+        width: (@value * 1px);
+    }
+
+}) each(range(200), {
+    .sky-m-@{value} {
+        margin:(@value * 1px)
+    }
+
+    .sky-ml-@{value} {
+        margin-left:(@value * 1px)
+    }
+
+    .sky-mr-@{value} {
+        margin-right:(@value * 1px)
+    }
+
+    .sky-mb-@{value} {
+        margin-bottom:(@value * 1px)
+    }
+
+    .sky-mt-@{value} {
+        margin-top:(@value * 1px)
+    }
+
+}) each(range(50), {
+    .sky-fs-@{value} {
+        font-size: (@value * 1px);
+    }
+
+}) .sky-hover-c-primary {
+    cursor: pointer;
+
+    &:hover {
+        color: var(--td-brand-color);
+    }
+}
+</style>
\ No newline at end of file