complete color codes of the dynamic diagrams

jo-pol commented 9 years ago

When generating a link definition, the titles (rendered as tool-tips) of source and target nodes should be examined to determine the type of markers. We also need some mapping to translate these titles to markers, for example tctc means red, ctc means purple (#660099) and tc means green for the adjacent links. Additional twists at the start mean a mid marker, in ascii-art the link should look like ---+---. Ask the specialists in the bobbin lace community how to render special stitches like ctctc and cttc.

For now only start markers and end markers are implemented. There seem to be two solutions for mid-markers:

Provide a third node for each line to place the mid-marker as explained on stack-overflow, this also turns the currently straight links into curves. The curves should be quite faint if visible at all.
Place text on a link and use one pipe symbol for each additional twist.

jo-pol commented 9 years ago

The following code shows the required SVG part of the second approach

<svg width="600px" height="400px">
    <path id="PATH_ID" d="M100,100 500,300" style="fill:none; stroke:#000; stroke-width:2px;" />
    <text style="text-anchor:middle; font: 16px sans-serif;" dy="4.5">
        <textPath xlink:href="#PATH_ID" startOffset="50%">|||</textPath>
    </text>
</svg>

But line should be changed in path in svg.selectAll(".link").data(args.links).enter().append("line") and apparently some other code too.

jo-pol commented 8 years ago

This issue was moved to jo-pol/dibl-tensioned#23

jo-pol commented 8 years ago

This issue was moved to jo-pol/dibl-tensioned#23

jo-pol / DiBL

complete color codes of the dynamic diagrams #23