@visactor/vchart-extension 1.13.22 → 1.13.23-alpha.0

package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.js

@@ -0,0 +1,321 @@
+import { CommonChartSpecTransformer } from "@visactor/vchart";
+
+const DATA_KEY = "dataKey";
+
+export class SequenceScatterLinkChartSpecTransformer extends CommonChartSpecTransformer {
+    transformSpec(spec) {
+        var _a, _b, _c, _d, _e;
+        super.transformSpec(spec);
+        const dataSpecs = processSequenceData(spec), showTooltip = "neighborhood" !== spec.taskType;
+        spec.type = "common", spec.dataKey = DATA_KEY, spec.data = dataSpecs[0].data, spec.series = [ {
+            id: "background-series",
+            type: "area",
+            dataId: "background",
+            interactive: !1,
+            persent: !0,
+            xField: "x",
+            yField: "y",
+            point: {
+                visible: !1
+            },
+            line: {
+                visible: !1
+            },
+            area: {
+                visible: !0,
+                interactive: !1,
+                style: {
+                    background: datum => "neighborhood" === spec.taskType ? "" : `https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/sequence-scatter-bgimg-2/${datum.iter}.png`,
+                    fill: "transparent",
+                    fillOpacity: .5
+                }
+            },
+            hover: {
+                enable: !1
+            },
+            select: {
+                enable: !1
+            }
+        }, {
+            id: "line-series",
+            type: "line",
+            dataId: "endpoints",
+            xField: "x",
+            yField: "y",
+            seriesField: "edgeId",
+            animation: !0,
+            point: {
+                visible: !1
+            },
+            line: {
+                visible: !0,
+                style: {
+                    stroke: datum => datum.color,
+                    lineDash: datum => "same_type" === datum.type ? [ 0, 0 ] : [ 3, 2 ],
+                    lineWidth: .8,
+                    strokeOpacity: .6
+                }
+            }
+        }, {
+            id: "scatter-series",
+            type: "scatter",
+            dataId: "nodes",
+            xField: spec.xField,
+            yField: spec.yField,
+            seriesField: "label",
+            point: {
+                state: {
+                    hover: {
+                        scaleX: 1.5,
+                        scaleY: 1.5,
+                        fillOpacity: 1
+                    },
+                    hover_reverse: {
+                        scaleX: 1,
+                        scaleY: 1,
+                        fillOpacity: .3
+                    }
+                },
+                style: {
+                    size: () => "neighborhood" === spec.taskType ? 6 : 4,
+                    fill: datum => {
+                        var _a;
+                        return null !== (_a = spec.labelColor[datum.label]) && void 0 !== _a ? _a : "gray";
+                    },
+                    fillOpacity: datum => datum.confidence
+                }
+            },
+            label: {
+                visible: !0,
+                style: {
+                    visible: () => "neighborhood" == spec.taskType,
+                    type: "text",
+                    fontFamily: "Console",
+                    fontStyle: "italic",
+                    fontSize: 12,
+                    fill: "black",
+                    fillOpacity: .6,
+                    text: datum => datum.id
+                }
+            }
+        } ], spec.player && (spec.player = Object.assign(Object.assign({}, spec.player), {
+            specs: dataSpecs
+        }), spec.animationAppear = {
+            duration: null !== (_b = null === (_a = spec.player) || void 0 === _a ? void 0 : _a.duration) && void 0 !== _b ? _b : 2e3,
+            easing: "linear"
+        }, spec.animationUpdate = {
+            duration: null !== (_d = null === (_c = spec.player) || void 0 === _c ? void 0 : _c.duration) && void 0 !== _d ? _d : 2e3,
+            easing: "linear"
+        }), spec.axes = [ {
+            orient: "left",
+            type: "linear",
+            inverse: !0,
+            min: spec.scope[1],
+            max: spec.scope[3]
+        }, {
+            orient: "bottom",
+            type: "linear",
+            min: spec.scope[0],
+            max: spec.scope[2]
+        } ], spec.customMark = [ {
+            type: "text",
+            dataId: "iter",
+            style: Object.assign({
+                x: 50,
+                y: () => 10,
+                textBaseline: "top",
+                textAlign: "left",
+                fontSize: 100,
+                fontWeight: "bolder",
+                fill: "black",
+                fillOpacity: .2
+            }, null === (_e = spec.infoLabel) || void 0 === _e ? void 0 : _e.style)
+        } ], spec.legends = [ {
+            seriesId: "scatter-series",
+            visible: !0,
+            orient: "right",
+            position: "middle",
+            data: items => items.map((item => (item.shape.outerBorder = {
+                stroke: item.shape.fill,
+                distance: 2,
+                lineWidth: 1
+            }, item))),
+            title: {
+                visible: !0,
+                align: "left",
+                textStyle: {
+                    text: "Classes",
+                    fontFamily: "Console",
+                    fontSize: 18,
+                    fontWeight: "bold"
+                }
+            },
+            item: {
+                visible: !0,
+                width: "8%",
+                value: {
+                    alignRight: !0,
+                    style: {
+                        fill: "#000",
+                        fillOpacity: 1,
+                        fontSize: 12
+                    },
+                    state: {
+                        unselected: {
+                            fill: "#d8d8d8"
+                        }
+                    }
+                }
+            }
+        } ], spec.tooltip = {
+            visible: showTooltip,
+            seriesId: "scatter-series",
+            lockAfterClick: !1,
+            activeType: "mark",
+            trigger: "hover",
+            mark: {
+                title: {
+                    visible: !0,
+                    value: "Info"
+                },
+                content: [ {
+                    key: "Label",
+                    value: datum => datum.label,
+                    shapeType: "circle",
+                    shapeSize: 8
+                }, {
+                    key: "Prediction",
+                    value: datum => datum.prediction,
+                    shapeType: "circle",
+                    shapeSize: 8,
+                    shapeFill: datum => {
+                        var _a;
+                        return null !== (_a = spec.labelColor[datum.prediction]) && void 0 !== _a ? _a : "gray";
+                    }
+                }, {
+                    key: "Confidence",
+                    value: datum => datum.confidence.toFixed(2),
+                    shapeType: "square",
+                    shapeSize: 8,
+                    shapeFill: datum => datum.label === datum.prediction ? "green" : "red"
+                } ]
+            },
+            style: {
+                panel: {
+                    padding: {
+                        top: 10,
+                        bottom: 15,
+                        left: 10,
+                        right: 10
+                    },
+                    backgroundColor: "#fff",
+                    border: {
+                        color: "#eee",
+                        width: 1,
+                        radius: 10
+                    }
+                },
+                titleLabel: {
+                    fontSize: 20,
+                    fontFamily: "Times New Roman",
+                    fill: "brown",
+                    fontWeight: "bold",
+                    textAlign: "center",
+                    lineHeight: 24
+                },
+                keyLabel: {
+                    fontSize: 16,
+                    fontFamily: "Times New Roman",
+                    fill: "black",
+                    textAlign: "center",
+                    lineHeight: 15,
+                    spacing: 10
+                },
+                valueLabel: {
+                    fontSize: 14,
+                    fill: "black",
+                    textAlign: "center",
+                    lineHeight: 15,
+                    spacing: 10
+                }
+            }
+        }, spec.dataZoom = [ {
+            visible: !1,
+            orient: "left",
+            filterMode: "axis",
+            showDetail: !1,
+            roamZoom: {
+                enable: !0,
+                focus: !0,
+                rate: 3
+            },
+            roamDrag: {
+                enable: !0,
+                reverse: !0,
+                rate: 1
+            }
+        }, {
+            visible: !1,
+            orient: "bottom",
+            filterMode: "axis",
+            showDetail: !1,
+            roamZoom: {
+                enable: !0,
+                focus: !0,
+                rate: 3
+            },
+            roamDrag: {
+                enable: !0,
+                reverse: !0,
+                rate: 1
+            }
+        } ], super.transformSpec(spec);
+    }
+}
+
+export function processSequenceData(spec) {
+    const result = [];
+    return Object.keys(spec.data).forEach((iter => {
+        const nodes = spec.data[iter].nodes;
+        result.push({
+            data: [ {
+                id: "nodes",
+                values: nodes.map(((d, i) => Object.assign(Object.assign({}, d), {
+                    [DATA_KEY]: i
+                })))
+            }, {
+                id: "endpoints",
+                values: []
+            }, {
+                id: "iter",
+                values: [ {
+                    iter: iter
+                } ]
+            }, {
+                id: "background",
+                values: [ {
+                    iter: iter,
+                    x: spec.scope[0],
+                    y: spec.scope[1]
+                }, {
+                    iter: iter,
+                    x: spec.scope[0],
+                    y: spec.scope[3]
+                }, {
+                    iter: iter,
+                    x: spec.scope[2],
+                    y: spec.scope[3]
+                }, {
+                    iter: iter,
+                    x: spec.scope[2],
+                    y: spec.scope[1]
+                }, {
+                    iter: iter,
+                    x: spec.scope[0],
+                    y: spec.scope[1]
+                } ]
+            } ]
+        });
+    })), result;
+}
+//# sourceMappingURL=sequence-scatter-link-transformer.js.map

package/esm/charts/sequence-scatter-link/sequence-scatter-link-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-link/sequence-scatter-link-transformer.ts"],"names":[],"mappings":"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","file":"sequence-scatter-link-transformer.js","sourcesContent":["import { Datum } from '@visactor/vchart/src/typings';\nimport type { ISequenceScatterLinkSpec } from './interface';\nimport { CommonChartSpecTransformer } from '@visactor/vchart';\n\nconst DATA_KEY = 'dataKey';\n\n/**\n * convert ISequenceScatterLinkSpec to CommonSpec\n */\nexport class SequenceScatterLinkChartSpecTransformer extends CommonChartSpecTransformer<any> {\n  transformSpec(spec: any): void {\n    super.transformSpec(spec);\n    const dataSpecs = processSequenceData(spec as unknown as ISequenceScatterLinkSpec);\n    const showTooltip = spec.taskType === 'neighborhood' ? false : true;\n\n    spec.type = 'common';\n\n    // data\n    spec.dataKey = DATA_KEY;\n    spec.data = dataSpecs[0].data;\n\n    // series: background, line, scatter\n    spec.series = [\n      {\n        id: 'background-series',\n        type: 'area',\n        dataId: 'background',\n        interactive: false,\n        persent: true,\n        xField: 'x',\n        yField: 'y',\n        point: {\n          visible: false\n        },\n        line: {\n          visible: false\n        },\n        area: {\n          visible: true,\n          interactive: false,\n          style: {\n            background: (datum: { iter: number }) => {\n              if (spec.taskType === 'neighborhood') {\n                return '';\n              }\n              return `https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/sequence-scatter-bgimg-2/${datum.iter}.png`;\n            },\n            fill: 'transparent',\n            fillOpacity: 0.5\n          }\n        },\n        hover: {\n          enable: false\n        },\n        select: {\n          enable: false\n        }\n      },\n      {\n        id: 'line-series',\n        type: 'line',\n        dataId: 'endpoints',\n        xField: 'x',\n        yField: 'y',\n        seriesField: 'edgeId', // a line will be drawn between endpoints with the same edgeId.\n        animation: true,\n        point: {\n          visible: false\n        },\n        line: {\n          visible: true,\n          style: {\n            stroke: (datum: { color: string }) => {\n              return datum.color;\n            },\n            lineDash: (datum: { type: string }) => {\n              if (datum.type === 'same_type') {\n                return [0, 0];\n              } else {\n                return [3, 2];\n              }\n            },\n            lineWidth: 0.8,\n            strokeOpacity: 0.6\n          }\n        }\n      },\n      {\n        id: 'scatter-series',\n        type: 'scatter',\n        dataId: 'nodes',\n        xField: spec.xField,\n        yField: spec.yField,\n        seriesField: 'label',\n        point: {\n          state: {\n            hover: {\n              scaleX: 1.5,\n              scaleY: 1.5,\n              fillOpacity: 1\n            },\n            hover_reverse: {\n              scaleX: 1,\n              scaleY: 1,\n              fillOpacity: 0.3\n            }\n          },\n          style: {\n            size: () => {\n              return spec.taskType === 'neighborhood' ? 6 : 4;\n            },\n            fill: (datum: { label: string }) => {\n              const color = spec.labelColor[datum.label] ?? 'gray';\n              return color;\n            },\n            fillOpacity: (datum: { confidence: number }) => {\n              return datum.confidence;\n            }\n          }\n        },\n        label: {\n          visible: true,\n          style: {\n            visible: () => {\n              return spec.taskType == 'neighborhood';\n            },\n            type: 'text',\n            fontFamily: 'Console',\n            fontStyle: 'italic',\n            fontSize: 12,\n            fill: 'black',\n            fillOpacity: 0.6,\n            text: (datum: Datum) => {\n              return datum.id;\n            }\n          }\n        }\n      }\n    ];\n\n    // player\n    if (spec.player) {\n      spec.player = {\n        ...spec.player,\n        specs: dataSpecs\n      };\n      spec.animationAppear = {\n        duration: spec.player?.duration ?? 2000,\n        easing: 'linear'\n      };\n\n      spec.animationUpdate = {\n        duration: spec.player?.duration ?? 2000,\n        easing: 'linear'\n      };\n    }\n\n    // axes\n    spec.axes = [\n      {\n        orient: 'left',\n        type: 'linear',\n        inverse: true,\n        min: spec.scope[1],\n        max: spec.scope[3]\n      },\n      {\n        orient: 'bottom',\n        type: 'linear',\n        min: spec.scope[0],\n        max: spec.scope[2]\n      }\n    ];\n\n    // iteration label\n    spec.customMark = [\n      {\n        type: 'text',\n        dataId: 'iter',\n        style: {\n          x: 50,\n          y: () => 10,\n          textBaseline: 'top',\n          textAlign: 'left',\n          fontSize: 100,\n          fontWeight: 'bolder',\n          fill: 'black',\n          fillOpacity: 0.2,\n          ...spec.infoLabel?.style\n        }\n      }\n    ];\n\n    // legends\n    (spec.legends = [\n      {\n        seriesId: 'scatter-series',\n        visible: true,\n        orient: 'right',\n        position: 'middle',\n        data: (items: any[]) => {\n          return items.map(item => {\n            item.shape.outerBorder = {\n              stroke: item.shape.fill,\n              distance: 2,\n              lineWidth: 1\n            };\n            return item;\n          });\n        },\n        title: {\n          visible: true,\n          align: 'left',\n          textStyle: {\n            text: 'Classes',\n            fontFamily: 'Console',\n            fontSize: 18,\n            fontWeight: 'bold'\n          }\n        },\n        item: {\n          visible: true,\n          width: '8%',\n          value: {\n            alignRight: true,\n            style: {\n              fill: '#000',\n              fillOpacity: 1,\n              fontSize: 12\n            },\n            state: {\n              unselected: {\n                fill: '#d8d8d8'\n              }\n            }\n          }\n        }\n      }\n    ]),\n      // tooltip\n      (spec.tooltip = {\n        visible: showTooltip,\n        seriesId: 'scatter-series',\n        lockAfterClick: false,\n        activeType: 'mark',\n        trigger: 'hover',\n        mark: {\n          title: {\n            visible: true,\n            value: 'Info'\n          },\n          content: [\n            {\n              key: 'Label',\n              value: (datum: { label: string }) => {\n                return datum.label;\n              },\n              shapeType: 'circle',\n              shapeSize: 8\n            },\n            {\n              key: 'Prediction',\n              value: (datum: { prediction: string }) => {\n                return datum.prediction;\n              },\n              shapeType: 'circle',\n              shapeSize: 8,\n              shapeFill: (datum: { prediction: string }) => {\n                const color = spec.labelColor[datum.prediction] ?? 'gray';\n                return color;\n              }\n            },\n            {\n              key: 'Confidence',\n              value: (datum: { confidence: number }) => {\n                return datum.confidence.toFixed(2);\n              },\n              shapeType: 'square',\n              shapeSize: 8,\n              shapeFill: (datum: { label: string; prediction: string }) => {\n                return datum.label === datum.prediction ? 'green' : 'red';\n              }\n            }\n          ]\n        },\n        style: {\n          panel: {\n            padding: { top: 10, bottom: 15, left: 10, right: 10 },\n            backgroundColor: '#fff',\n            border: {\n              color: '#eee',\n              width: 1,\n              radius: 10\n            }\n          },\n          titleLabel: {\n            fontSize: 20,\n            fontFamily: 'Times New Roman',\n            fill: 'brown',\n            fontWeight: 'bold',\n            textAlign: 'center',\n            lineHeight: 24\n          },\n          keyLabel: {\n            fontSize: 16,\n            fontFamily: 'Times New Roman',\n            fill: 'black',\n            textAlign: 'center',\n            lineHeight: 15,\n            spacing: 10\n          },\n          valueLabel: {\n            fontSize: 14,\n            fill: 'black',\n            textAlign: 'center',\n            lineHeight: 15,\n            spacing: 10\n          }\n        }\n      });\n\n    // datazoom\n    spec.dataZoom = [\n      {\n        visible: false,\n        orient: 'left',\n        filterMode: 'axis',\n        showDetail: false,\n        roamZoom: {\n          enable: true,\n          focus: true,\n          rate: 3\n        },\n        roamDrag: {\n          enable: true,\n          reverse: true,\n          rate: 1\n        }\n      },\n      {\n        visible: false,\n        orient: 'bottom',\n        filterMode: 'axis',\n        showDetail: false,\n        roamZoom: {\n          enable: true,\n          focus: true,\n          rate: 3\n        },\n        roamDrag: {\n          enable: true,\n          reverse: true,\n          rate: 1\n        }\n      }\n    ];\n\n    super.transformSpec(spec);\n  }\n}\n\n/**\n * convert ISequenceScatterLinkData to IScatterData\n */\nexport function processSequenceData(spec: ISequenceScatterLinkSpec) {\n  const result: any[] = [];\n  Object.keys(spec.data).forEach(iter => {\n    const nodes = spec.data[iter].nodes;\n    result.push({\n      data: [\n        {\n          id: 'nodes',\n          values: nodes.map((d, i) => {\n            return { ...d, [DATA_KEY]: i };\n          })\n        },\n        {\n          id: 'endpoints',\n          values: [] // dynamically filled in events\n        },\n        {\n          id: 'iter',\n          values: [\n            {\n              iter\n            }\n          ]\n        },\n        {\n          id: 'background',\n          values: [\n            { iter: iter, x: spec.scope[0], y: spec.scope[1] },\n            { iter: iter, x: spec.scope[0], y: spec.scope[3] },\n            { iter: iter, x: spec.scope[2], y: spec.scope[3] },\n            { iter: iter, x: spec.scope[2], y: spec.scope[1] },\n            { iter: iter, x: spec.scope[0], y: spec.scope[1] }\n          ]\n        }\n      ]\n    });\n  });\n  return result;\n}\n"]}

package/esm/charts/sequence-scatter-link/sequence-scatter-link.d.ts

@@ -0,0 +1,16 @@
+import { ISequenceScatterLinkSpec } from './interface';
+import { VChart, BaseChart } from '@visactor/vchart';
+import { SequenceScatterLinkChartSpecTransformer } from './sequence-scatter-link-transformer';
+export declare class SequenceScatterLink extends BaseChart<Omit<ISequenceScatterLinkSpec, 'data'>> {
+    type: string;
+    static type: string;
+    static readonly view: string;
+    _spec: ISequenceScatterLinkSpec;
+    static readonly transformerConstructor: typeof SequenceScatterLinkChartSpecTransformer;
+    readonly transformerConstructor: typeof SequenceScatterLinkChartSpecTransformer;
+    init(): void;
+    protected isValid(): boolean;
+}
+export declare const registerSequenceScatterLink: (option?: {
+    VChart?: typeof VChart;
+}) => void;

package/esm/charts/sequence-scatter-link/sequence-scatter-link.js

@@ -0,0 +1,28 @@
+import { VChart, BaseChart, ScatterChart } from "@visactor/vchart";
+
+import { SequenceScatterLinkChartSpecTransformer } from "./sequence-scatter-link-transformer";
+
+export class SequenceScatterLink extends BaseChart {
+    constructor() {
+        super(...arguments), this.type = "sequenceScatterLink", this.transformerConstructor = SequenceScatterLinkChartSpecTransformer;
+    }
+    init() {
+        this.isValid() && super.init();
+    }
+    isValid() {
+        var _a, _b, _c, _d;
+        const {xField: xField, yField: yField, data: data} = this._spec;
+        return xField && yField ? !!data || (null === (_d = (_c = this._option).onError) || void 0 === _d || _d.call(_c, "Data is required"), 
+        !1) : (null === (_b = (_a = this._option).onError) || void 0 === _b || _b.call(_a, "Missing Required Config: `xField`, `yField` "), 
+        !1);
+    }
+}
+
+SequenceScatterLink.type = "sequenceScatterLink", SequenceScatterLink.view = "singleDefault", 
+SequenceScatterLink.transformerConstructor = SequenceScatterLinkChartSpecTransformer;
+
+export const registerSequenceScatterLink = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && vchartConstructor.useChart([ SequenceScatterLink, ScatterChart ]);
+};
+//# sourceMappingURL=sequence-scatter-link.js.map

package/esm/charts/sequence-scatter-link/sequence-scatter-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-link/sequence-scatter-link.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,uCAAuC,EAAE,MAAM,qCAAqC,CAAC;AAE9F,MAAM,OAAO,mBAAoB,SAAQ,SAAiD;IAA1F;;QACE,SAAI,GAAG,qBAAqB,CAAC;QAOpB,2BAAsB,GAAG,uCAAuC,CAAC;IAqB5E,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;YACtB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,8CAA8C,CAAC,CAAC;YACvE,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA1BM,wBAAI,GAAG,qBAAqB,CAAC;AACpB,wBAAI,GAAW,eAAe,CAAC;AAI/B,0CAAsB,GAAG,uCAAuC,CAAC;AAwBnF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,MAAmC,EAAE,EAAE;IACjF,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC;KACjE;AACH,CAAC,CAAC","file":"sequence-scatter-link.js","sourcesContent":["import { ISequenceScatterLinkSpec } from './interface';\nimport { VChart, BaseChart, ScatterChart } from '@visactor/vchart';\nimport { SequenceScatterLinkChartSpecTransformer } from './sequence-scatter-link-transformer';\n\nexport class SequenceScatterLink extends BaseChart<Omit<ISequenceScatterLinkSpec, 'data'>> {\n  type = 'sequenceScatterLink';\n  static type = 'sequenceScatterLink';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: ISequenceScatterLinkSpec;\n\n  static readonly transformerConstructor = SequenceScatterLinkChartSpecTransformer;\n  readonly transformerConstructor = SequenceScatterLinkChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, data } = this._spec;\n    if (!xField || !yField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerSequenceScatterLink = (option?: { VChart?: typeof VChart }) => {\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([SequenceScatterLink, ScatterChart]);\n  }\n};\n"]}

package/esm/charts/sequence-scatter-link/utils.d.ts

@@ -0,0 +1,9 @@
+import { ISequenceScatterLinkData, Endpoint } from './interface';
+export declare function getSeqScatterChartData(task_type: string): {
+    chartData: ISequenceScatterLinkData;
+    scope: number[];
+    label_color_dict: {
+        [key: string]: string;
+    };
+};
+export declare function selectEdges(chartData: ISequenceScatterLinkData, x: number, y: number): Endpoint[];

package/esm/charts/sequence-scatter-link/utils.js

@@ -0,0 +1,100 @@
+import trainingData1 from "../../../__tests__/runtime/browser/data/sequence-scatter/Training_process1/data.json";
+
+import trainingInfo1 from "../../../__tests__/runtime/browser/data/sequence-scatter/Training_process1/info.json";
+
+import trainingData2 from "../../../__tests__/runtime/browser/data/sequence-scatter/Training_process2/data.json";
+
+import trainingInfo2 from "../../../__tests__/runtime/browser/data/sequence-scatter/Training_process2/info.json";
+
+export function getSeqScatterChartData(task_type) {
+    const {scope: scope, label_index: label_index, label_text: label_text, label_color_dict: label_color_dict} = getBasicSettings(task_type);
+    return {
+        chartData: constructChartData(task_type, label_index, label_text, label_color_dict),
+        scope: scope,
+        label_color_dict: label_color_dict
+    };
+}
+
+function getBasicSettings(task_type) {
+    const training_info = "neighborhood" === task_type ? trainingInfo1 : trainingInfo2, scope = "neighborhood" === task_type ? [ -9, -9, 6, 6 ] : [ -8, -8, 8, 8 ], label_index = training_info.label_index, label_text = training_info.label_text, label_color_list = training_info.label_color, label_color_dict = {};
+    for (let i = 0; i < label_color_list.length; i++) {
+        const c = label_color_list[i];
+        label_color_dict[label_text[i]] = `rgb(${c[0]},${c[1]},${c[2]})`;
+    }
+    return {
+        scope: scope,
+        label_index: label_index,
+        label_text: label_text,
+        label_color_dict: label_color_dict
+    };
+}
+
+function constructChartData(task_type, label_index, label_text, label_color_dict) {
+    const original_data = "neighborhood" === task_type ? trainingData1 : trainingData2, chartData = {};
+    return Object.keys(original_data).forEach((epoch => {
+        let intra_similarity, inter_similarity;
+        if (chartData[epoch] = {
+            nodes: [],
+            edges: []
+        }, original_data[epoch].projection.forEach(((pos, id) => {
+            let conf = 1, pred = label_text[label_index[id]];
+            "classification" === task_type && (conf = original_data[epoch].confidence[id], pred = label_text[original_data[epoch].prediction[id]]), 
+            chartData[epoch].nodes.push({
+                id: id,
+                x: pos[0],
+                y: pos[1],
+                label: label_text[label_index[id]],
+                prediction: pred,
+                confidence: conf
+            });
+        })), "neighborhood" === task_type) {
+            intra_similarity = original_data[epoch].intra_similarity, inter_similarity = original_data[epoch].inter_similarity;
+            let i = 0;
+            original_data[epoch].projection.forEach(((pos, id) => {
+                intra_similarity[id].forEach((neighbor => {
+                    chartData[epoch].edges.push({
+                        id: i,
+                        x0: pos[0],
+                        y0: pos[1],
+                        x1: original_data[epoch].projection[neighbor][0],
+                        y1: original_data[epoch].projection[neighbor][1],
+                        type: "same_type",
+                        color: label_color_dict[label_text[label_index[id]]]
+                    }), i++;
+                })), inter_similarity[id].forEach((neighbor => {
+                    chartData[epoch].edges.push({
+                        id: i,
+                        x0: pos[0],
+                        y0: pos[1],
+                        x1: original_data[epoch].projection[neighbor][0],
+                        y1: original_data[epoch].projection[neighbor][1],
+                        type: "cross_type",
+                        color: label_color_dict[label_text[label_index[neighbor]]]
+                    }), i++;
+                }));
+            }));
+        }
+    })), chartData;
+}
+
+export function selectEdges(chartData, x, y) {
+    const endpoints = [];
+    return Object.keys(chartData).forEach((iter => {
+        chartData[iter].edges.forEach((edge => {
+            x === edge.x0 && y === edge.y0 && (endpoints.push({
+                edgeId: edge.id,
+                x: edge.x0,
+                y: edge.y0,
+                type: edge.type,
+                color: edge.color
+            }), endpoints.push({
+                edgeId: edge.id,
+                x: edge.x1,
+                y: edge.y1,
+                type: edge.type,
+                color: edge.color
+            }));
+        }));
+    })), endpoints;
+}
+//# sourceMappingURL=utils.js.map

package/esm/charts/sequence-scatter-link/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-link/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["import trainingData1 from '../../../__tests__/runtime/browser/data/sequence-scatter/Training_process1/data.json';\nimport trainingInfo1 from '../../../__tests__/runtime/browser/data/sequence-scatter/Training_process1/info.json';\nimport trainingData2 from '../../../__tests__/runtime/browser/data/sequence-scatter/Training_process2/data.json';\nimport trainingInfo2 from '../../../__tests__/runtime/browser/data/sequence-scatter/Training_process2/info.json';\nimport { ISequenceScatterLinkData, OriginalData, TrainingInfo, Endpoint } from './interface';\n\nexport function getSeqScatterChartData(task_type: string) {\n  // get basic settings\n  const { scope, label_index, label_text, label_color_dict } = getBasicSettings(task_type);\n\n  // construct chart data\n  const chartData = constructChartData(task_type, label_index, label_text, label_color_dict);\n\n  return { chartData, scope, label_color_dict };\n}\n\n/**\n * 获取基本设置，包括画布范围、标签、标签文本和标签颜色\n */\nfunction getBasicSettings(task_type: string) {\n  const training_info: TrainingInfo = task_type === 'neighborhood' ? trainingInfo1 : trainingInfo2;\n  const scope = task_type === 'neighborhood' ? [-9, -9, 6, 6] : [-8, -8, 8, 8];\n\n  const label_index = training_info['label_index'];\n  const label_text = training_info['label_text'];\n  const label_color_list = training_info['label_color'];\n  const label_color_dict: { [key: string]: string } = {}; // text -> rgb\n\n  for (let i = 0; i < label_color_list.length; i++) {\n    const c = label_color_list[i];\n    label_color_dict[label_text[i]] = `rgb(${c[0]},${c[1]},${c[2]})`;\n  }\n\n  return { scope, label_index, label_text, label_color_dict };\n}\n\n/**\n * 构造图表数据，包括节点和边\n */\nfunction constructChartData(\n  task_type: string,\n  label_index: number[],\n  label_text: string[],\n  label_color_dict: { [key: string]: string }\n) {\n  const original_data: OriginalData = task_type === 'neighborhood' ? trainingData1 : (trainingData2 as OriginalData);\n  const chartData: ISequenceScatterLinkData = {};\n\n  Object.keys(original_data).forEach(epoch => {\n    chartData[epoch] = {\n      nodes: [],\n      edges: []\n    };\n\n    // fill in nodes\n    original_data[epoch].projection.forEach((pos, id) => {\n      let conf = 1;\n      let pred = label_text[label_index[id]];\n      if (task_type === 'classification') {\n        conf = original_data[epoch].confidence[id];\n        pred = label_text[original_data[epoch].prediction[id]];\n      }\n\n      chartData[epoch].nodes.push({\n        id: id, // unique identification of a point\n        x: pos[0],\n        y: pos[1],\n        label: label_text[label_index[id]],\n        prediction: pred,\n        confidence: conf\n      });\n    });\n\n    // fill in edges\n    let intra_similarity: number[][], inter_similarity: number[][];\n    if (task_type === 'neighborhood') {\n      intra_similarity = original_data[epoch].intra_similarity;\n      inter_similarity = original_data[epoch].inter_similarity;\n\n      let i = 0;\n      original_data[epoch].projection.forEach((pos, id) => {\n        intra_similarity[id].forEach(neighbor => {\n          chartData[epoch].edges.push({\n            id: i, // unique identification of an edge\n            x0: pos[0],\n            y0: pos[1],\n            x1: original_data[epoch].projection[neighbor][0],\n            y1: original_data[epoch].projection[neighbor][1],\n            type: 'same_type',\n            color: label_color_dict[label_text[label_index[id]]]\n          });\n          i++;\n        });\n        inter_similarity[id].forEach(neighbor => {\n          chartData[epoch].edges.push({\n            id: i, // unique identification of an edge\n            x0: pos[0],\n            y0: pos[1],\n            x1: original_data[epoch].projection[neighbor][0],\n            y1: original_data[epoch].projection[neighbor][1],\n            type: 'cross_type',\n            color: label_color_dict[label_text[label_index[neighbor]]]\n          });\n          i++;\n        });\n      });\n    }\n  });\n\n  return chartData;\n}\n\n/**\n * 选择边，根据给定的x和y坐标，返回所有与该点相关的边，构造边的端点用于绘制线段\n */\nexport function selectEdges(chartData: ISequenceScatterLinkData, x: number, y: number) {\n  const endpoints: Endpoint[] = [];\n  Object.keys(chartData).forEach(iter => {\n    const edges = chartData[iter].edges;\n    edges.forEach(edge => {\n      if (x === edge.x0 && y === edge.y0) {\n        endpoints.push({ edgeId: edge.id, x: edge.x0, y: edge.y0, type: edge.type, color: edge.color });\n        endpoints.push({ edgeId: edge.id, x: edge.x1, y: edge.y1, type: edge.type, color: edge.color });\n      }\n    });\n  });\n  return endpoints;\n}\n"]}

package/esm/charts/sequence-scatter-pixel/constant.d.ts

@@ -0,0 +1,3 @@
+export declare const DATA_KEY = "dataKey";
+export declare const BACKGROUND_KEY = "background";
+export declare const EXPAND_RATIO = 0.2;

package/esm/charts/sequence-scatter-pixel/constant.js

@@ -0,0 +1,6 @@
+export const DATA_KEY = "dataKey";
+
+export const BACKGROUND_KEY = "background";
+
+export const EXPAND_RATIO = .2;
+//# sourceMappingURL=constant.js.map

package/esm/charts/sequence-scatter-pixel/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-pixel/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC;AAC3C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC","file":"constant.js","sourcesContent":["export const DATA_KEY = 'dataKey';\nexport const BACKGROUND_KEY = 'background';\nexport const EXPAND_RATIO = 0.2; // 拓展比例\n"]}

package/esm/charts/sequence-scatter-pixel/interface.d.ts

@@ -0,0 +1,29 @@
+import { IPlayerSpec } from '@visactor/vchart';
+import { Datum } from '@visactor/vchart/src/typings/common';
+import { ITextGraphicAttribute } from '@visactor/vrender-core';
+type IterationData = Datum[];
+type ISequenceScatterPixelData = {
+    [Iteration: string]: IterationData;
+};
+export interface ISequenceScatterPixelSpec {
+    type: 'sequenceScatterPixel';
+    data: ISequenceScatterPixelData;
+    xField: string;
+    yField: string;
+    player: Omit<IPlayerSpec, 'specs'>;
+    infoLabel: {
+        visible: boolean;
+        style: ITextGraphicAttribute;
+    };
+    backgroundColors: {
+        [Iteration: string]: any;
+    };
+    width: number;
+    height: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+    label?: string;
+}
+export {};

package/esm/charts/sequence-scatter-pixel/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/charts/sequence-scatter-pixel/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/sequence-scatter-pixel/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import { IPlayerSpec } from '@visactor/vchart';\nimport { Datum } from '@visactor/vchart/src/typings/common';\nimport { ITextGraphicAttribute } from '@visactor/vrender-core';\n\ntype IterationData = Datum[];\ntype ISequenceScatterPixelData = {\n  /**\n   * key: 迭代信息\n   * value: 每个迭代的数据\n   */\n  [Iteration: string]: IterationData;\n\n  // TODO: 支持边的绘制\n  // [Iteration: string]: {\n  //   /**\n  //    * 节点数据\n  //    */\n  //   nodes: IterationNodesData;\n  //   /**\n  //    * 边数据\n  //    */\n  //   edges: IterationEdgesData;\n  // };\n};\n\nexport interface ISequenceScatterPixelSpec {\n  /**\n   * 图表类型\n   */\n  type: 'sequenceScatterPixel';\n  /**\n   * 数据\n   */\n  data: ISequenceScatterPixelData;\n  /**\n   * x轴字段\n   */\n  xField: string;\n  /**\n   * y轴字段\n   */\n  yField: string;\n  /**\n   * 播放器配置\n   */\n  player: Omit<IPlayerSpec, 'specs'>;\n  /**\n   * 文字标记（标记当前处于第几个迭代）\n   */\n  infoLabel: {\n    visible: boolean;\n    style: ITextGraphicAttribute;\n  };\n  /**\n   * 背景数据\n   */\n  backgroundColors: {\n    [Iteration: string]: any;\n  };\n  /**\n   * 宽度\n   */\n  width: number;\n  /**\n   * 高度\n   */\n  height: number;\n}\n\nexport interface Point {\n  x: number;\n  y: number;\n  label?: string;\n}\n"]}

package/esm/charts/sequence-scatter-pixel/sequence-scatter-pixel-transformer.d.ts

@@ -0,0 +1,4 @@
+import { CommonChartSpecTransformer } from '@visactor/vchart';
+export declare class SequenceScatterPixelChartSpecTransformer extends CommonChartSpecTransformer<any> {
+    transformSpec(spec: any): void;
+}