chartletv0.22.0

← All examples

Where the team's skills overlap

Three skills of a product team of 24 as circles at fixed places, each of the seven regions with a label and a count. Text stays inside where it fits and moves to a leader line where it does not; the circles are named at their edge. The description and the table name every region. Illustrative survey, with a phone variant.

Where the team's skills overlap

examples/team-skills.json
{
  "schemaVersion": 1,
  "type": "venn",
  "title": "Where the team's skills overlap",
  "source": "Illustrative skills survey of a product team of 24",
  "width": 760,
  "height": 520,
  "mobile": {
    "width": 380,
    "height": 560
  },
  "venn": {
    "sets": [
      "Design",
      "Engineering",
      "Research"
    ],
    "regions": [
      {
        "sets": [
          "Design"
        ],
        "label": "Visual design only",
        "count": 3
      },
      {
        "sets": [
          "Engineering"
        ],
        "label": "Engineering only",
        "count": 9
      },
      {
        "sets": [
          "Research"
        ],
        "label": "Research only",
        "count": 2
      },
      {
        "sets": [
          "Design",
          "Engineering"
        ],
        "label": "Prototyping",
        "count": 4
      },
      {
        "sets": [
          "Design",
          "Research"
        ],
        "label": "Usability testing",
        "count": 2
      },
      {
        "sets": [
          "Engineering",
          "Research"
        ],
        "label": "Analytics",
        "count": 3
      },
      {
        "sets": [
          "Design",
          "Engineering",
          "Research"
        ],
        "label": "Product discovery",
        "count": 1
      }
    ]
  }
}
Where the team's skills overlap
Where the team's skills overlapVenn diagram of 3 sets: Design, Engineering and Research. only Design: Visual design only (3). only Engineering: Engineering only (9). only Research: Research only (2). Design and Engineering: Prototyping (4). Design and Research: Usability testing (2). Engineering and Research: Analytics (3). Design, Engineering and Research: Product discovery (1).DesignEngineeringResearchDesignEngineeringResearchVisual design only3Engineering only9Research only2Prototyping4Usabilitytesting2Analytics3Productdiscovery1
Where the team's skills overlapVenn diagram of 3 sets: Design, Engineering and Research. only Design: Visual design only (3). only Engineering: Engineering only (9). only Research: Research only (2). Design and Engineering: Prototyping (4). Design and Research: Usability testing (2). Engineering and Research: Analytics (3). Design, Engineering and Research: Product discovery (1).DesignEngineeringResearchDesignEngineeringResearchVisual designonly3Engineeringonly9Research only21Usabilitytesting2Analytics321Prototyping42Product discovery1

Source: Illustrative skills survey of a product team of 24

Show chart data
Data for Where the team's skills overlap
RegionLabelCount
only DesignVisual design only3
only EngineeringEngineering only9
only ResearchResearch only2
Design and EngineeringPrototyping4
Design and ResearchUsability testing2
Engineering and ResearchAnalytics3
Design, Engineering and ResearchProduct discovery1
  • Venn diagram
  • Show what sets share