Skip to main content

Introducing new learning courses and educational videos from Apress. Start watching

Creating Complex Shapes

  • 2133 Accesses


This chapter introduces SVG Paths, and explains how you can use them in D3 to create any shapes you want. You will also learn about D3 Path Generators and how to use them to make the creation of paths easier.


  • Path Data
  • Previous Chapter
  • Chord Diagram
  • Vector Graphic
  • Scalable Vector Graphic

These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

This is a preview of subscription content, access via your institution.

Buying options

USD   24.99
Price excludes VAT (USA)
  • ISBN: 978-1-4842-1928-7
  • Instant PDF download
  • Readable on all devices
  • Own it forever
  • Exclusive offer for individuals only
  • Tax calculation will be finalised during checkout
Softcover Book
USD   34.99
Price excludes VAT (USA)
Figure 6-1.
Figure 6-2.
Figure 6-3.
Figure 6-4.
Figure 6-5.
Figure 6-6.
Figure 6-7.
Figure 6-8.
Figure 6-9.


  1. 1.

    Piet Mondrian was one of the founders of the Dutch modern art movement, De Stijl. He is best known for reducing his shapes to lines and rectangles.

Author information

Authors and Affiliations


Rights and permissions

Reprints and Permissions

Copyright information

© 2016 Tarek Amr and Rayna Stamboliyska

About this chapter

Cite this chapter

Amr, T., Stamboliyska, R. (2016). Creating Complex Shapes. In: Practical D3.js. Apress, Berkeley, CA.

Download citation