search

SVG-access-W3CG / use-case-examples

SVG documents for messing around with. The primary purpose of these is to figure out the relevant use cases, and how to meet them or what is lacking in SVG at the moment.
5 stars 15 forks source link

How to fake connectors? #32

Open chaals opened 8 years ago

chaals commented 8 years ago

There are several types of graph with two-way links, such as chord.svg.

In sparse-chord I faked this by using two triangles for a quadrilateral link, but it's ugly visually and not entirely clear from a navigation perspective.

Given we don't have real connectors, what to do? Also, how should they appear in the navigation order?

You basically want an anchor at each end, which means splitting them across the DOM. This currently makes styling hard - would it be possible to use animation, which can be triggered by something elsewhere in the DOM?

Sebastianoskiojoj commented 1 year ago

There are several types of graph with two-way links, such as chord.svg.

In sparse-chord I faked this by using two triangles for a quadrilateral link, but it's ugly visually and not entirely clear from a navigation perspective.

Given we don't have real connectors, what to do? Also, how should they appear in the navigation order?

You basically want an anchor at each end, which means splitting them across the DOM. This currently makes styling hard - would it be possible to use animation, which can be triggered by something elsewhere in the DOM?

https://github.com/Arg-Programa-2020-2021/hugo/blob/d9bdd37d35ccd436b4dd470ef99efa372a6a086b/CONTRIBUTING.md