algorithm - 电路图/框图

Question

我正在寻找用于(漂亮的)电路/方框图绘图的算法或可视化工具。

我也对问题的一般表述感兴趣。

“电路图”是指探索具有 I/O 端口及其连接(电线)的框图(矩形)的布局和布线的能力。这些框图可以是分层的，即一些 block 可能有一些嵌套的内部子结构等。

该主题与经典图形绘制密切相关，补充约束需要考虑端口位置，可能还有 block 的形状(各种大小的矩形)。 Graphviz 工具没有响应问题(至少我之前的实验并不令人满意)。

力导向算法引起了我的注意，但我刚刚找到有关经典有向图的论文。

有什么提示吗？

[2013 年 11 月 21 日更新] 迄今为止最好的引用似乎是 Spönemann

Answer 1

要制作高质量的电路图和框图，我强烈推荐 J. D. Aplevich 的“电路宏”。它有据可查并得到积极维护。查看此包生成的示例 circuit macros examples

有一些学习曲线，例如能够使用“dpic”绘图语言绘制您自己的图表。但该工具本身非常强大。

对我来说还有两个问题:

1. 没有实时更新
2. 缺少 svg 输出

我破解了一些 Javascript 来

(watch m4 file change)->[m4->dpic->latex->pdf]->svg->(show in html)

这是它的要点

// watch .m4 file

var chokidar = require('chokidar');
var resolve = require('path').resolve;
const touch = require('touch')
const {exec} = require('child_process')

chokidar.watch("*.m4").on('change', fn=>{
   let ff = resolve(fn)
   console.log(ff, "changed")
   exec("runtask.bat " + ff, {cwd:"../"}, (err,stdin,stdout)=>{
    console.log(err,stdin, stdout)
    touch("index.html") //svg updated
    })

})

这是适用于 Windows 的 runtask.bat

m4 pgf.m4 %1 | dpic -g > tmp.tex

C:\texlive\2017\bin\win32\pdflatex template.tex

tool\dist-64bits\pdf2svg template.pdf %~dpn1.svg
tool\dist-64bits\pdf2svg template.pdf %~dp1tmp.svg

这样，您就可以通过编写 m4/dpic 代码来“绘制”，并在浏览器中实时查看结果；并且 svg 是从 pdf 生成的，看起来好多了。