State of CSS bracket results

0_readme.md

These are some preliminary results for the "tournament bracket"-style questions in the 2021 State of CSS survey.

The data is originally stored as a series of 7 triplets (for the four first-round match-ups, two semi-finals match-ups, and the finals) containing the first participants, the second participants, and the winner of each match. For example:

const bracketResult = [
  [7, 6, 6], // first round
  [4, 0, 0], // first round
  [5, 2, 2], // first round
  [3, 1, 3], // first round
  [6, 0, 6], // semi-finals
  [2, 3, 3], // semi-finals
  [6, 3, 6], // finals
];

The results presented here highlight:

• count: how many time an item won a match-up (e.g. was picked to move on to the next round of the tournament).
• percentage: percentage of wins vs the total number of match-ups.

Note that this results data does not currently differentiate between winning the first round or the finals. In order to do that further analysis will be required to extract more granular results from the original data. Come by our Discord if you'd like ot help with that!

bracket-results.json

{
  "data": {
    "survey": {
      "tools_others__tool_evaluation": {
        "year": {
          "buckets": [
            {
              "count": 8260,
              "id": "learning_curve_documentation",
              "percentage": 23.4
            },
            {
              "count": 7173,
              "id": "developer_experience_tooling",
              "percentage": 20.3
            },
            {
              "count": 6918,
              "id": "performance_user_experience",
              "percentage": 19.6
            },
            {
              "count": 3666,
              "id": "accessibility_features",
              "percentage": 10.4
            },
            {
              "count": 3433,
              "id": "user_base_size",
              "percentage": 9.7
            },
            {
              "count": 2815,
              "id": "community_inclusivity",
              "percentage": 8
            },
            {
              "count": 1757,
              "id": "creator_team",
              "percentage": 5
            },
            {
              "count": 1283,
              "id": "momentum_popularity",
              "percentage": 3.6
            }
          ],
          "completion": {
            "count": 5046,
            "percentage": 71.4,
            "total": 7067
          },
          "total": 7067,
          "year": 2021
        },
        "id": "tools_others__tool_evaluation"
      },
      "opinions__currently_missing_from_css": {
        "year": {
          "buckets": [
            {
              "count": 6355,
              "id": "container_queries",
              "percentage": 18.7
            },
            {
              "count": 6069,
              "id": "parent_selector",
              "percentage": 17.9
            },
            {
              "count": 5602,
              "id": "browser_support",
              "percentage": 16.5
            },
            {
              "count": 4803,
              "id": "nesting",
              "percentage": 14.1
            },
            {
              "count": 3506,
              "id": "scoping",
              "percentage": 10.3
            },
            {
              "count": 3102,
              "id": "mixins",
              "percentage": 9.1
            },
            {
              "count": 2274,
              "id": "color_functions",
              "percentage": 6.7
            },
            {
              "count": 2272,
              "id": "subgrid",
              "percentage": 6.7
            }
          ],
          "completion": {
            "count": 4855,
            "percentage": 68.7,
            "total": 7067
          },
          "total": 7067,
          "year": 2021
        },
        "id": "opinions__currently_missing_from_css"
      },
      "opinions__css_pain_points": {
        "year": {
          "buckets": [
            {
              "count": 6662,
              "id": "browser_interoperability",
              "percentage": 19.2
            },
            {
              "count": 6481,
              "id": "architecture",
              "percentage": 18.7
            },
            {
              "count": 4866,
              "id": "form_elements_styling",
              "percentage": 14
            },
            {
              "count": 3959,
              "id": "responsive_design",
              "percentage": 11.4
            },
            {
              "count": 3432,
              "id": "layout_positioning",
              "percentage": 9.9
            },
            {
              "count": 3380,
              "id": "performance_issues",
              "percentage": 9.7
            },
            {
              "count": 3005,
              "id": "interactions",
              "percentage": 8.7
            },
            {
              "count": 2927,
              "id": "scoping_specificity",
              "percentage": 8.4
            }
          ],
          "completion": {
            "count": 4962,
            "percentage": 70.2,
            "total": 7067
          },
          "total": 7067,
          "year": 2021
        },
        "id": "opinions__css_pain_points"
      }
    }
  }
}