.TV Show Bar Chart.md

Sources:

• https://www.the-sun.com/lifestyle/598140/can-you-guess-the-tv-shows-and-films-just-by-looking-at-these-coloured-blocks-in-this-fiendishly-tricky-quiz/
• https://www.pearfiction.com/games/blocks-quiz/

simpsons.vl.json

{
  "$schema": "https://vega.github.io/schema/vega-lite/v4.json",
  "description": "Simpson Family as Blocks. Recreated from Blocks Quiz: https://www.pearfiction.com/games/blocks-quiz/",
  "title": "The Simpsons",
  "data": {
    "values": [
      {"h": 4, "color": "#ffd90f", "pos": 6, "char": "Homer"},
      {"h": 4, "color": "#d1b064", "pos": 5, "char": "Homer"},
      {"h": 1, "color": "#ffd90f", "pos": 4, "char": "Homer"},
      {"h": 20, "color": "#fefefc", "pos": 3, "char": "Homer"},
      {"h": 15, "color": "#69ade6", "pos": 2, "char": "Homer"},
      {"h": 3, "color": "#676c70", "pos": 1, "char": "Homer"},

      {"h": 17, "color": "#69ade6", "pos": 6, "char": "Marge"},
      {"h": 6, "color": "#ffd90f", "pos": 5, "char": "Marge"},
      {"h": 1, "color": "#f45b25", "pos": 4, "char": "Marge"},
      {"h": 2, "color": "#ffd90f", "pos": 3, "char": "Marge"},
      {"h": 32, "color": "#dae39f", "pos": 2, "char": "Marge"},
      {"h": 2, "color": "#ffd90f", "pos": 1, "char": "Marge"},

      {"h": 6, "color": "#ffd90f", "pos": 5, "char": "Bart"},
      {"h": 7, "color": "#f45b25", "pos": 4, "char": "Bart"},
      {"h": 5, "color": "#69ade6", "pos": 3, "char": "Bart"},
      {"h": 3, "color": "#ffd90f", "pos": 2, "char": "Bart"},
      {"h": 1, "color": "#69ade6", "pos": 1, "char": "Bart"},

      {"h": 6, "color": "#ffd90f", "pos": 3, "char": "Lisa"},
      {"h": 11, "color": "#f45b25", "pos": 2, "char": "Lisa"},
      {"h": 3, "color": "#ffd90f", "pos": 1, "char": "Lisa"},

      {"h": 5, "color": "#ffd90f", "pos": 2, "char": "Maggie"},
      {"h": 10, "color": "#69ade6", "pos": 1, "char": "Maggie"}
    ]
  },
  "mark": {"type": "bar"},
  "encoding": {
    "column": {
      "field": "char", "type": "nominal",
      "sort": { "field": "null"}
    },
    "y": {
      "field": "h", "type": "quantitative",
      "axis": null
    },
    "color": { 
      "field": "color", "type": "nominal",
      "scale": null
    },
    "order": { "field": "pos", "type": "quantitative" }
  },
  "config": {
    "title": { "color": "#ffd90f", "fontSize": 20 },
    "header": { "title": null, "labelFontSize": 12 },
    "padding": 5,
    "bar": { "discreteBandSize": 25 },
    "view": { "step": 25, "stroke": "transparent" }
  }
}

Source: https://www.the-sun.com/lifestyle/598140/can-you-guess-the-tv-shows-and-films-just-by-looking-at-these-coloured-blocks-in-this-fiendishly-tricky-quiz/