Drawing graphs with D3
Presenting data as a graph is yet another common need in modern applications. When it comes to the Web, D3.js is a well-known library that offers a very powerful API to display data in the DOM.
In the following section, we'll add a tree view to our contact-management application, which will display the contacts grouped by address parts. Taking all the addresses for all contacts, the first level of nodes will be the countries, then each country will have its states as children, then each its cities, and so on.
The tree view we will build in this section is only a simple, poor example of what can be achieved with D3. Go to https://d3js.org/ and browse through the hundreds of samples to see for yourself the power of this ...