Skip to examples
Browse chart types
Chart library26 ways to visualize

STATISTICS / CHART GUIDE

Venn Diagram

A Venn diagram is a chart that uses overlapping circles to represent set relationships.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

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

About Venn Diagram

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.

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

PropertyTypeRequiredDescription
typestringrequiredValue must be "venn".
dataObject[]requiredData array, each item contains sets, value, and optional label.
data.setsstring[] | stringrequiredSet identifier, indicates which set(s) the item belongs to. Can be a single set, combination, or comma-separated string.
data.valuenumberrequiredRepresents the size of the set or set intersection.
data.labelstringoptionalName of the set or set intersection.
titlestringoptionalChart title.
themeBuiltinThemeName | ThemeSpecoptionalBuilt-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
styleObjectoptionalChart style.
style.backgroundColorstringoptionalMust be a valid color value.
style.palettestring[]optionalMust be an array of valid color values.
GPT-Vis · An AntV project · MIT licensed