@orbcharts/presets-basic 3.0.0-beta.8 → 3.0.0

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_BASIC.ts

@@ -1,23 +1,47 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
-  description: '基本Force Directed Bubbles參數',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirectedBubbles: {},
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_BASIC: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_BASIC',
+  description: 'Basic force directed bubbles chart',
+  descriptionZh: '基本力導向泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {},
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH.ts

@@ -1,28 +1,52 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH',
-  description: 'Force Directed Bubbles固定箭頭寬度',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirectedBubbles: {
-      arrow: {
-        strokeWidthMin: 1.5,
-        strokeWidthMax: 1.5
-      }
-    },
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_FIX_ARROW_WIDTH',
+  description: 'Force-directed bubble chart with fixed arrow width',
+  descriptionZh: '固定箭頭寬度的力導向泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {
+      arrow: {
+        strokeWidthMin: 1.5,
+        strokeWidthMax: 1.5
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW.ts

@@ -1,30 +1,52 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW',
-  description: 'Force Directed Bubbles沒有箭頭',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirectedBubbles: {
-      arrow: {
-        pointerWidth: 0,
-        pointerHeight: 0,
-        // strokeWidthMin: 1.5,
-        // strokeWidthMax: 9
-      }
-    },
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ARROW',
+  description: 'Force-directed bubble chart without arrows',
+  descriptionZh: '沒有箭頭的力導向泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {
+      arrow: {
+        pointerWidth: 0,
+        pointerHeight: 0,
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM.ts

@@ -1,25 +1,49 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM',
-  description: 'Force Directed Bubbles無滑鼠托曳及縮放控制',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirectedBubbles: {
-      zoomable: false,
-    },
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_NONE_ZOOM',
+  description: 'Force Directed bubbles chart without mouse drag and zoom control',
+  descriptionZh: '無滑鼠托曳及縮放控制的力導向泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {
+      zoomable: false,
+    },
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE.ts

@@ -0,0 +1,48 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_BUBBLES_SIMPLE',
+  description: 'Simple force directed bubbles chart',
+  descriptionZh: '簡單力導向泡泡圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF3232",
+          "#38BEA8",
+          "#6F3BD5",
+          "#314285",
+          "#42C724",
+          "#D52580",
+          "#F4721B",
+          "#D117EA",
+          "#7E7D7D"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FF6C6C",
+          "#7DD3C4",
+          "#8E6BC9",
+          "#5366AC",
+          "#86DC72",
+          "#FF72BB",
+          "#F9B052",
+          "#EF76FF",
+          "#C4C4C4"
+        ]
+      }
+    }
+  },
+  pluginParams: {
+    ForceDirectedBubbles: {},
+    RelationshipLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_FIX_FONT_SIZE.ts

@@ -1,30 +1,54 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_FIX_FONT_SIZE',
-  description: '基本Force Directed參數',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirected: {
-      dotLabel: {
-        sizeFixed: true
-      },
-      arrowLabel: {
-        sizeFixed: true
-      }
-    },
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_FIX_FONT_SIZE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_FIX_FONT_SIZE',
+  description: 'Force directed chart with fixed font size',
+  descriptionZh: '固定字體大小的力導向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#F9B052",
+          "#8454D4",
+          "#42C724",
+          "#FF4B4B",
+          "#904026",
+          "#4B25B3",
+          "#C50669"
+        ]
+      }
+    },
+  },
+  pluginParams: {
+    ForceDirected: {
+      dotLabel: {
+        sizeFixed: true
+      },
+      arrowLabel: {
+        sizeFixed: true
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ARROW.ts

@@ -1,28 +1,52 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_NONE_ARROW',
-  description: 'Force Directed沒有箭頭',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirected: {
-      arrow: {
-        pointerWidth: 0,
-        pointerHeight: 0
-      }
-    },
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_NONE_ARROW: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_NONE_ARROW',
+  description: 'Force directed chart without arrows',
+  descriptionZh: '沒有箭頭的力導向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+  },
+  pluginParams: {
+    ForceDirected: {
+      arrow: {
+        pointerWidth: 0,
+        pointerHeight: 0
+      }
+    },
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_NONE_ZOOM.ts

@@ -1,25 +1,49 @@
-import type { PresetPartial } from '../../lib/core-types'
-import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
-// import { ALL_PLUGIN_PARAMS_NONE_DATA } from '../params'
-
-export const PRESET_FORCE_DIRECTED_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
-& Partial<PresetNoneDataPluginParams>> = {
-  name: 'PRESET_FORCE_DIRECTED_NONE_ZOOM',
-  description: 'Force Directed無滑鼠托曳及縮放控制',
-  // chartParams: {
-  //   padding: {
-  //     top: 40,
-  //     right: 40,
-  //     bottom: 60,
-  //     left: 40
-  //   },
-  // },
-  allPluginParams: {
-    ForceDirected: {
-      zoomable: false,
-    },
-    RelationshipLegend: {
-      listRectRadius: 7 // 圓型圖例列點
-    }
-  }
-}
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_NONE_ZOOM: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_NONE_ZOOM',
+  description: 'Force directed chart without mouse drag and zoom control',
+  descriptionZh: '無滑鼠托曳及縮放控制的力導向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+  },
+  pluginParams: {
+    ForceDirected: {
+      zoomable: false,
+    },
+    RelationshipLegend: {
+      listRectRadius: 7 // 圓型圖例列點
+    }
+  }
+}

package/src/relationship/PRESET_FORCE_DIRECTED_SIMPLE.ts

@@ -0,0 +1,48 @@
+import type { PresetPartial } from '../../lib/core-types'
+import type { PresetRelationshipPluginParams, PresetNoneDataPluginParams } from '../types'
+
+export const PRESET_FORCE_DIRECTED_SIMPLE: PresetPartial<'relationship', Partial<PresetRelationshipPluginParams>
+& Partial<PresetNoneDataPluginParams>> = {
+  name: 'PRESET_FORCE_DIRECTED_SIMPLE',
+  description: 'Simple force directed chart',
+  descriptionZh: '簡單力導向圖',
+  chartParams: {
+    colors: {
+      light: {
+        label: [
+          "#0088FF",
+          "#FF72BB",
+          "#16B59B",
+          "#F9B052",
+          "#6F3BD5",
+          "#42C724",
+          "#FF3232",
+          "#904026",
+          "#1F3172",
+          "#E23D93"
+        ],
+      },
+      dark: {
+        label: [
+          "#4BABFF",
+          "#FFA0A0",
+          "#7DD3C4",
+          "#FAC77D",
+          "#8454D4",
+          "#42C724",
+          "#FF6C6C",
+          "#D4785A",
+          "#5366AC",
+          "#FF8DC8"
+        ]
+      }
+    },
+  },
+  pluginParams: {
+    ForceDirected: {},
+    RelationshipLegend: {
+      listRectRadius: 7, // 圓型圖例列點
+      padding: 7
+    }
+  }
+}