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

Introduction

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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.