Learning D3.JS 5.0 3.1: Creating Polygons and Polylines

This video tutorial covers the creation and manipulation of complex shapes in SVG, focusing on polygons and polylines. It begins with an introduction to complex shapes, followed by a detailed explanation of how to create polygons using the 'points' attribute. The tutorial then transitions to polylines, highlighting the similarities and differences with polygons. The video concludes with a preview of the next topic, creating paths.

What is the main focus of this video tutorial?

• Exploring SVG color gradients

• Learning about SVG text elements

• Understanding complex shapes like polygons and polylines

• Creating animations in SVG

Which attribute is essential for defining a polygon in SVG?

• Width

• Points

• Stroke

• Color

How many points are required at minimum to form a polygon?

• Five

• Two

• Three

• Four

What is a key difference between polygons and polylines in SVG?

• Polylines need a stroke attribute

• Polygons require a fill attribute

• Polylines do not close the shape by default

• Polygons can only have three sides

What happens when you change the fill attribute of a polyline to 'none'?

• The polyline becomes invisible

• The polyline's color changes to black

• The polyline only shows its outline

• The polyline's width increases