Color is pretty good for separating things. That's what your basic pie chart is, isn't it? You tell the slices apart by color. With enough color contrast, you might be OK, but you might be even better off (particularly where accessibility is concerned) using patterns, or a combination.
<pattern></pattern> attribute allows us to define patterns inside of our SVG markup and use those patterns as a
fill. The basic process for patterns goes something like:
- Define a
<pattern></pattern>inside of the SVG
- Define the shapes inside of the pattern
- Use the shapes
- Create a new shape and fill it with the pattern