Difference between revisions of "Buffer Editor"
Jump to navigation
Jump to search
Line 9: | Line 9: | ||
"linkToPortIdProperty": "toPort", | "linkToPortIdProperty": "toPort", | ||
"nodeDataArray": [ | "nodeDataArray": [ | ||
{"key":" | {"key":"CYL1","name":"Buffer \nStore","loc":"-25.574964750701383 196.3160717356572","leftArray":[{"portId":"left0","portColor":"#000000"},{"portId":"left1","portColor":"#00ff00"},{"portId":"left2","portColor":"#000000"},{"portId":"left3","portColor":"#00ff00"},{"portId":"left4","portColor":"#000000"},{"portId":"left5","portColor":"#00ff00"},{"portId":"left6","portColor":"#000000"},{"portId":"left7","portColor":"#00ff00"},{"portId":"left8","portColor":"#000000"},{"portId":"left9","portColor":"#ffff00"},{"portId":"left10","portColor":"#000000"},{"portId":"left11","portColor":"#ffff00"},{"portId":"left12","portColor":"#000000"},{"portId":"left13","portColor":"#ffff00"},{"portId":"left14","portColor":"#000000"},{"portId":"left15","portColor":"#ffff00"},{"portId":"left16","portColor":"#000000"},{"portId":"left17","portColor":"#00ff00"},{"portId":"left19","portColor":"#00ff00"},{"portId":"left23","portColor":"#00ff00"}],"topArray":[{"portColor":"#ffffff","portId":"top0"},{"portId":"top1","portColor":"#ffffff"},{"portId":"top2","portColor":"#ffffff"},{"portId":"top3","portColor":"#ffffff"},{"portId":"top4","portColor":"#ffffff"},{"portId":"top5","portColor":"#ff0000"},{"portId":"top6","portColor":"#ffffff"},{"portId":"top7","portColor":"#ffffff"},{"portId":"top8","portColor":"#ffffff"},{"portId":"top9","portColor":"#ffffff"},{"portId":"top10","portColor":"#ffffff"}],"bottomArray":[],"rightArray":[{"portColor":"#ff0000","portId":"right0"},{"portColor":"#ff0000","portId":"right1"},{"portId":"right2","portColor":"#ff0000"},{"portId":"right3","portColor":"#ff0000"},{"portId":"right4","portColor":"#ff0000"},{"portId":"right5","portColor":"#ff0000"},{"portId":"right6","portColor":"#ff0000"},{"portId":"right7","portColor":"#e39f35"},{"portId":"right8","portColor":"#e39f35"},{"portId":"right9","portColor":"#e39f35"},{"portId":"right10","portColor":"#fbe264"},{"portId":"right11","portColor":"#fbe264"},{"portId":"right12","portColor":"#fbe264"},{"portId":"right13","portColor":"#ffff00"},{"portId":"right14","portColor":"#ffff00"},{"portId":"right15","portColor":"#ffff00"},{"portId":"right16","portColor":"#8bc34a"},{"portId":"right17","portColor":"#8bc34a"},{"portId":"right18","portColor":"#2196f3"},{"portId":"right19","portColor":"#2196f3"}]}, | ||
{"name":"NTC10K","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"}],"topArray":[],"bottomArray":[],"key":" | {"name":"NTC10K","leftArray":[],"rightArray":[{"portId":"right0","portColor":"#6cafdb"},{"portId":"right1","portColor":"#66d6d1"}],"topArray":[],"bottomArray":[],"key":"NTC4","loc":"-488.7532829862677 212.6673070407662"}, | ||
{"name":" | {"name":"Kitchen","leftArray":[{"portId":"left0","portColor":"#6cafdb"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"outlet1","loc":"94 24.125"}, | ||
{"name":" | {"name":"Bathroom","leftArray":[{"portId":"left0","portColor":"#6cafdb"}],"rightArray":[],"topArray":[],"bottomArray":[],"key":"outlet2","loc":"90 -47.875"} | ||
], | ], | ||
"linkDataArray": [ | "linkDataArray": [ | ||
{"from":"NTC4","to":"CYL1","fromPort":"right0","toPort":"left6","points":[-446.4041618925178,207.6673070407662,-432.4041618925178,207.6673070407662,-301.4895633216096,207.6673070407662,-301.4895633216096,161.3160717356572,-202.57496475070138,161.3160717356572,-88.57496475070138,161.3160717356572]}, | |||
{"from":"NTC4","to":"CYL1","fromPort":"right1","toPort":"left7","points":[-446.4041618925178,217.6673070407662,-424.4041618925178,217.6673070407662,-293.4895633216096,217.6673070407662,-293.4895633216096,171.3160717356572,-194.57496475070138,171.3160717356572,-88.57496475070138,171.3160717356572]}, | |||
{"from":"CYL1","to":"outlet1","fromPort":"top5","toPort":"left0","points":[-25.574964750701383,88.3160717356572,-25.574964750701383,38.316071735657204,-25.574964750701383,24.125,8.800164109024308,24.125,43.17529296875,24.125,53.17529296875,24.125]}, | |||
{"from":"outlet2","to":"CYL1","fromPort":"left0","toPort":"top5","points":[41.078125,-47.875,31.078125,-47.875,-25.574964750701383,-47.875,-25.574964750701383,-4.779464132171398,-25.574964750701383,38.316071735657204,-25.574964750701383,88.3160717356572]} | |||
{"from":"NTC4","to":" | |||
{"from":"NTC4","to":" | |||
{"from":" | |||
{"from":" | |||
]} | ]} | ||
</pre> | </pre> |
Revision as of 11:37, 13 June 2022
How to Use in Articles
The following two elements have been given an id (view in the source) that can then be passed to a diagram using an iframe tag.
The second element has also been hidden from view.
This way it is possible to create a design on this page and then include it into articles using pure JSON.
Improvements
- Number terminals
- Fix widths with top/bottom terminals
- Hover text over terminals
- Change colour of blocks
- Position terminals (drag along sides)
- Menu to change line thickness, type, colour, arrows.
- Optional wire labels = controller number + terminal number (e.g. 101)