test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-12-02 03:38:20 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat: add addChildrenData api (#5904)

Browse Source
This commit is contained in:
Aaron 2024-06-20 21:12:36 +08:00 committed by GitHub
parent c76940d6ef
commit 0f6260bb3b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 1257 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

629
packages/g6/__tests__/snapshots/runtime/graph/add-children-data/add-children-data.svg Normal file
View File

@ -0,0 +1,629 @@
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
<defs/>
<g transform="matrix(0.478011,0,0,0.478011,147.915878,285.850830)">
<g fill="none">
<g fill="none">
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M -200,-36 C -100 -36,-100 -400,0 -400" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M -200,-36 C -100 -36,-100 3,0 3" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M -200,-36 C -100 -36,-100 328,0 328" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -582,232 -582" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -530,232 -530" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -478,232 -478" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -426,232 -426" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -374,232 -374" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -322,232 -322" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -270,232 -270" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -218,232 -218" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,3 C 132 3,132 -166,232 -166" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,3 C 132 3,132 42,232 42" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,3 C 132 3,132 172,232 172" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -296,464 -296" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -244,464 -244" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -192,464 -192" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -140,464 -140" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -88,464 -88" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -36,464 -36" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,42 C 364 42,364 16,464 16" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,42 C 364 42,364 68,464 68" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,172 C 364 172,364 120,464 120" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,172 C 364 172,364 172,464 172" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,172 C 364 172,364 224,464 224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 224,232 224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 276,232 276" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 328,232 328" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 380,232 380" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 432,232 432" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-478 C 364 -478,364 -504,464 -504" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 232,-478 C 124 -478,124 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-478 C 364 -478,364 -452,464 -452" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 232,-478 C 124 -478,124 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" x="-216" y="-36" transform="matrix(1,0,0,1,-216,-36)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Modeling Methods
</text>
</g>
</g>
</g>
<g fill="none" x="16" y="-400" transform="matrix(1,0,0,1,16,-400)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Classification
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-582" transform="matrix(1,0,0,1,248,-582)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Logistic regression
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-530" transform="matrix(1,0,0,1,248,-530)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Linear discriminant analysis
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-478" transform="matrix(1,0,0,1,248,-478)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Rules
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-426" transform="matrix(1,0,0,1,248,-426)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Decision trees
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-374" transform="matrix(1,0,0,1,248,-374)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Naive Bayes
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-322" transform="matrix(1,0,0,1,248,-322)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
K nearest neighbor
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-270" transform="matrix(1,0,0,1,248,-270)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Probabilistic neural network
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-218" transform="matrix(1,0,0,1,248,-218)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Support vector machine
</text>
</g>
</g>
</g>
<g fill="none" x="16" y="3" transform="matrix(1,0,0,1,16,3)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Consensus
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-166" transform="matrix(1,0,0,1,248,-166)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Models diversity
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-296" transform="matrix(1,0,0,1,480,-296)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different initializations
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-244" transform="matrix(1,0,0,1,480,-244)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different parameter choices
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-192" transform="matrix(1,0,0,1,480,-192)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different architectures
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-140" transform="matrix(1,0,0,1,480,-140)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different modeling methods
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-88" transform="matrix(1,0,0,1,480,-88)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different training sets
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-36" transform="matrix(1,0,0,1,480,-36)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different feature sets
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="42" transform="matrix(1,0,0,1,248,42)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Methods
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="16" transform="matrix(1,0,0,1,480,16)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Classifier selection
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="68" transform="matrix(1,0,0,1,480,68)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Classifier fusion
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="172" transform="matrix(1,0,0,1,248,172)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Common
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="120" transform="matrix(1,0,0,1,480,120)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Bagging
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="172" transform="matrix(1,0,0,1,480,172)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Boosting
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="224" transform="matrix(1,0,0,1,480,224)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
AdaBoost
</text>
</g>
</g>
</g>
<g fill="none" x="16" y="328" transform="matrix(1,0,0,1,16,328)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Regression
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="224" transform="matrix(1,0,0,1,248,224)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Multiple linear regression
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="276" transform="matrix(1,0,0,1,248,276)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Partial least squares
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="328" transform="matrix(1,0,0,1,248,328)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Multi-layer feed forward neural network
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="380" transform="matrix(1,0,0,1,248,380)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
General regression neural network
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="432" transform="matrix(1,0,0,1,248,432)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Support vector regression
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-504" transform="matrix(1,0,0,1,480,-504)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
node-1
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-452" transform="matrix(1,0,0,1,480,-452)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
node-2
</text>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

591
packages/g6/__tests__/snapshots/runtime/graph/add-children-data/default.svg Normal file
View File

@ -0,0 +1,591 @@
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" style="background: transparent; position: absolute; outline: none;" color-interpolation-filters="sRGB" tabindex="1">
<defs/>
<g transform="matrix(0.478011,0,0,0.478011,147.915894,285.850861)">
<g fill="none">
<g fill="none">
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M -200,-36 C -100 -36,-100 -400,0 -400" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M -200,-36 C -100 -36,-100 3,0 3" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M -200,-36 C -100 -36,-100 328,0 328" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -582,232 -582" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -530,232 -530" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -478,232 -478" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -426,232 -426" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -374,232 -374" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -322,232 -322" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -270,232 -270" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,-400 C 132 -400,132 -218,232 -218" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,3 C 132 3,132 -166,232 -166" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,3 C 132 3,132 42,232 42" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,3 C 132 3,132 172,232 172" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -296,464 -296" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -244,464 -244" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -192,464 -192" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -140,464 -140" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -88,464 -88" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,-166 C 364 -166,364 -36,464 -36" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,42 C 364 42,364 16,464 16" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,42 C 364 42,364 68,464 68" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,172 C 364 172,364 120,464 120" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,172 C 364 172,364 172,464 172" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 264,172 C 364 172,364 224,464 224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 224,232 224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 276,232 276" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 328,232 328" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 380,232 380" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" marker-start="false" marker-end="false">
<g fill="none" marker-start="false" marker-end="false" stroke="transparent" stroke-width="3"/>
<g>
<path fill="none" d="M 32,328 C 132 328,132 432,232 432" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 16,0 C 16 0,16 0,16 0" class="key" stroke-width="3" stroke="transparent"/>
</g>
</g>
<g fill="none" x="-216" y="-36" transform="matrix(1,0,0,1,-216,-36)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Modeling Methods
</text>
</g>
</g>
</g>
<g fill="none" x="16" y="-400" transform="matrix(1,0,0,1,16,-400)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Classification
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-582" transform="matrix(1,0,0,1,248,-582)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Logistic regression
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-530" transform="matrix(1,0,0,1,248,-530)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Linear discriminant analysis
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-478" transform="matrix(1,0,0,1,248,-478)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Rules
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-426" transform="matrix(1,0,0,1,248,-426)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Decision trees
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-374" transform="matrix(1,0,0,1,248,-374)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Naive Bayes
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-322" transform="matrix(1,0,0,1,248,-322)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
K nearest neighbor
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-270" transform="matrix(1,0,0,1,248,-270)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Probabilistic neural network
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-218" transform="matrix(1,0,0,1,248,-218)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Support vector machine
</text>
</g>
</g>
</g>
<g fill="none" x="16" y="3" transform="matrix(1,0,0,1,16,3)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Consensus
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="-166" transform="matrix(1,0,0,1,248,-166)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Models diversity
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-296" transform="matrix(1,0,0,1,480,-296)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different initializations
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-244" transform="matrix(1,0,0,1,480,-244)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different parameter choices
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-192" transform="matrix(1,0,0,1,480,-192)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different architectures
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-140" transform="matrix(1,0,0,1,480,-140)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different modeling methods
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-88" transform="matrix(1,0,0,1,480,-88)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different training sets
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="-36" transform="matrix(1,0,0,1,480,-36)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Different feature sets
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="42" transform="matrix(1,0,0,1,248,42)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Methods
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="16" transform="matrix(1,0,0,1,480,16)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Classifier selection
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="68" transform="matrix(1,0,0,1,480,68)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Classifier fusion
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="172" transform="matrix(1,0,0,1,248,172)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Common
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="120" transform="matrix(1,0,0,1,480,120)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Bagging
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="172" transform="matrix(1,0,0,1,480,172)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Boosting
</text>
</g>
</g>
</g>
<g fill="none" x="480" y="224" transform="matrix(1,0,0,1,480,224)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
AdaBoost
</text>
</g>
</g>
</g>
<g fill="none" x="16" y="328" transform="matrix(1,0,0,1,16,328)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Regression
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="224" transform="matrix(1,0,0,1,248,224)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Multiple linear regression
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="276" transform="matrix(1,0,0,1,248,276)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Partial least squares
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="328" transform="matrix(1,0,0,1,248,328)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Multi-layer feed forward neural network
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="380" transform="matrix(1,0,0,1,248,380)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
General regression neural network
</text>
</g>
</g>
</g>
<g fill="none" x="248" y="432" transform="matrix(1,0,0,1,248,432)">
<g>
<circle fill="rgba(23,131,255,1)" class="key" stroke-width="0" stroke="rgba(0,0,0,1)" r="16"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,16,2)">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="text" font-size="12" font-family="system-ui, sans-serif" text-anchor="left" fill-opacity="0.85" font-weight="400">
Support vector regression
</text>
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

14
packages/g6/__tests__/unit/runtime/graph/add-children-data.spec.ts Normal file
View File

@ -0,0 +1,14 @@
import { layoutCompactBoxBasic } from '@@/demos';
import { createDemoGraph } from '@@/utils';
describe('add children data', () => {
it('default', async () => {
const graph = await createDemoGraph(layoutCompactBoxBasic, { animation: false });
await expect(graph).toMatchSnapshot(__filename);
graph.addChildrenData('Rules', [{ id: 'node-1' }, { id: 'node-2' }]);
await graph.render();
await expect(graph).toMatchSnapshot(__filename, 'add-children-data');
});
});

8
packages/g6/src/runtime/data.ts
View File

@ -365,6 +365,14 @@ export class DataController {
this.updateNodeLikeHierarchy(combos);
}
public addChildrenData(parentId: ID, childrenData: NodeData[]) {
const parentData = this.getNodeLikeDatum(parentId) as NodeData;
const childrenId = childrenData.map(idOf);
this.addNodeData(childrenData);
this.updateNodeData([{ id: parentId, children: [...(parentData.children || []), ...childrenId] }]);
this.addEdgeData(childrenId.map((childId) => ({ source: parentId, target: childId })));
}
protected updateNodeLikeHierarchy(data: NodeLikeData[]) {
if (!this.enableUpdateNodeLikeHierarchy) return;
const { model } = this;

15
packages/g6/src/runtime/graph.ts
View File

@ -612,6 +612,21 @@ export class Graph extends EventEmitter {
this.context.model.addComboData(isFunction(data) ? data(this.getComboData()) : data);
}
/**
* <zh/> 为树图节点添加子节点数据
*
* <en/> Add child node data to the tree node
* @param parentId - <zh/> 父节点 ID | <en/> parent node ID
* @param childrenData - <zh/> 子节点数据 | <en/> child node data
* @description
* <zh/> 为组合添加子节点使用 addNodeData / addComboData 方法
*
* <en/> Use addNodeData / addComboData method to add child nodes to the combo
*/
public addChildrenData(parentId: ID, childrenData: NodeData[]) {
this.context.model.addChildrenData(parentId, childrenData);
}
/**
* <zh/> 更新元素数据
*