docs: add concentric demo (#5531)

* docs: add Concentric demo

* chore: remove unused config

* chore: fix cr

packages/g6/__tests__/demo/case/index.ts

@@ -15,6 +15,7 @@ export * from './layout-circular-configuration-translate';
 export * from './layout-circular-degree';
 export * from './layout-circular-division';
 export * from './layout-circular-spiral';
+export * from './layout-concentric';
 export * from './layout-fruchterman-basic';
 export * from './layout-fruchterman-cluster';
 export * from './layout-fruchterman-fix';

packages/g6/__tests__/demo/case/layout-concentric.ts

@@ -0,0 +1,35 @@
+import { Graph } from '@/src';
+import data from '@@/dataset/gene.json';
+import type { STDTestCase } from '../types';
+
+export const layoutConcentric: STDTestCase = async (context) => {
+  const graph = new Graph({
+    ...context,
+    autoFit: 'center',
+    data,
+    behaviors: ['zoom-canvas', 'drag-canvas', 'drag-node'],
+    layout: {
+      type: 'concentric',
+      maxLevelDiff: 0.5,
+      preventOverlap: true,
+    },
+    node: {
+      style: {
+        size: 5,
+        stroke: '#5B8FF9',
+        fill: '#C6E5FF',
+        lineWidth: 1,
+      },
+    },
+    edge: {
+      style: {
+        stroke: '#E2E2E2',
+      },
+    },
+    animation: false,
+  });
+
+  await graph.render();
+
+  return graph;
+};