A Venn diagram is a chart that uses overlapping circles to represent set relationships. Each circle represents a set, and the overlapping areas between circles represent the intersection of sets, while non-overlapping parts represent unique elements. Venn diagrams intuitively show intersections, unions, and complements between sets, and are commonly used in set operations, classification analysis, and similar scenarios.
User Purchase Behavior Intersection: Phone buyers (3500), Earphone buyers (2800), Charger buyers (2200)
Music Listener Intersection: Overlap of Radiohead, Kanye West, and Eminem fan bases from Last.fm listening records, Custom Colors
E-commerce 618 Sale: Overlap of Phone buyers (3500) and Earphone buyers (2800), Custom Palette
| Property | Type | Required | Description |
|---|---|---|---|
| type | string | required | Value must be "venn". |
| data | Object[] | required | Data array, each item contains sets, value, and optional label. |
| data.sets | string[] | string | required | Set identifier, indicates which set(s) the item belongs to. Can be a single set, combination, or comma-separated string. |
| data.value | number | required | Represents the size of the set or set intersection. |
| data.label | string | optional | Name of the set or set intersection. |
| title | string | optional | Chart title. |
| theme | 'default' | 'dark' | 'academy' | optional | Chart theme, default is "default". |
| style | Object | optional | Chart style. |
| style.backgroundColor | string | optional | Must be a valid color value. |
| style.palette | string[] | optional | Must be an array of valid color values. |
