识别D3.js图

Question

What is this graph called that was generated by D3.js ?

Is there a name for it?

I failed to describe it when looking for keywords in the documentation and spent quite a bit of time scouring the web.

Once identifying it, what is one example in the D3 documentation that includes a graph similar to this? I can't appear to find any that would resemble this.

Answer 1

那很可能是通过bundle布局构建的。

Answer 2

This diagram is called arc diagram .

---

An interesting background on arc diagrams can be found at this Manuel Lima's blog post . It includes some historical facts and these intriguing illustrations:

---

There are several examples of arc diagrams made with D3:

Example 1

Characters from "Les Miserables" , by Sophie Engle.

Example 2

Chapters of "The DaVinci Code" , by Lynn Cherny.

Example 3

Result of Stanford natural language parser applied to a sentence , by Michael Wayne Goodman.

Example 4

Arc diagrams of RNA secondary structures by Daniel Lai, Jeff R. Proctor, Jing Yun A. Zhu, and Irmtraud M. Meyer.