Practical D3.js

© Tarek Amr and Rayna Stamboliyska 2016

Tarek Amr and Rayna Stamboliyska, Practical D3.js, 10.1007/978-1-4842-1928-7_8

8. Using Advanced Layouts

Tarek Amr¹  and Rayna Stamboliyska²

(1)Amsterdam, The Netherlands

(2)Issy-les-Moulineaux, Paris, France

In this chapter you will be introduced to more advanced layouts. First, you will learn how to create flexible force-directed graphs using the force layout in D3. You will learn the layout's different settings and how they can be used to alter your force-directed graphs. Then you will learn to create your own layouts and use them in your code.

Using the Force Layout (to Move Objects)

I like how, software developer, Jim Vallandingham describes the force layout as “a lazy way to move nodes.”¹ In a scatter plot, ...