Chapter 7. Getting into Shape

In this chapter, we will cover:

  • Creating simple shapes
  • Using a line generator
  • Using line curve
  • Changing line tension
  • Using an area generator
  • Using area curve
  • Using an arc generator
  • Implementing arc transition


Scalable Vector Graphics (SVG) is a mature World Wide Web Consortium (W3C) standard designed for user-interactive graphics on the Web and Mobile platform. Similar to HTML, SVG can coexist happily with other technologies, such as CSS and JavaScript, in modern browsers and forms the backbone of many Web applications. In today's Web, you can see use cases of SVG everywhere, from digital map to data visualization. So far, in this book, we covered most of the recipes using HTML elements alone; however, in real-world ...

Get Data Visualization with D3 4.x Cookbook - Second Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.