> **D3.js** — это библиотека JavaScript для управления документами, в основе которых лежат данные. **D3** помогает претворить данные в жизнь, используя HTML, SVG и CSS. D3 позволяет привязывать произвольные данные к DOM, и затем применять результаты манипуляций с ними к документу.


Для понимания статьи пригодится [знание основ D3][1], и в ней мы рассмотрим реализацию алгоритмов визуализации графа на основе сил ([Force-directed graph drawing algorithms][2]), которая в D3 (version 3) имеет название _[Force Layout][3]_. Это класс алгоритмов визуализации графов, которые вычисляют позицию каждого узла, моделируя силу притяжения между каждой парой связанных узлов, а также отталкивающую силу между узлами.

![image][4]
[Читать дальше →][5]

[1]: https://habrahabr.ru/company/datalaboratory/blog/217905/
[2]: https://en.wikipedia.org/wiki/Force-directed_graph_drawing
[3]: https://github.com/d3/d3-3.x-api-reference/blob/master/Force-Layout.md
[4]: https://habrastorage.org/files/d89/00e/09e/d8900e09e31643f59a0267fe64140dac.png
[5]: https://habrahabr.ru/post/302968/?utm_source=habrahabr&utm_medium=rss&utm_campaign=feed_posts#habracut