movie_trilogy_trellis

movie_trilogy_trellis.json

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "A faceted chart showing movie ratings across different franchises.",
  "transform": [{"calculate": "1", "as": "max"}],
  "data": {
    "values": [
      {"name": "Star Wars", "Film": 1, "Rating": 0.9},
      {"name": "Star Wars", "Film": 2, "Rating": 1},
      {"name": "Star Wars", "Film": 3, "Rating": 0.8},
      {"name": "Indiana Jones", "Film": 1, "Rating": 1},
      {"name": "Indiana Jones", "Film": 2, "Rating": 0.8},
      {"name": "Indiana Jones", "Film": 3, "Rating": 0.85},
      {"name": "Matrix", "Film": 1, "Rating": 0.95},
      {"name": "Matrix", "Film": 2, "Rating": 0.35},
      {"name": "Matrix", "Film": 3, "Rating": 0.15},
      {"name": "Star Trek", "Film": 1, "Rating": 0.55},
      {"name": "Star Trek", "Film": 2, "Rating": 0.7},
      {"name": "Star Trek", "Film": 3, "Rating": 0.6},
      {"name": "Superman", "Film": 1, "Rating": 0.7},
      {"name": "Superman", "Film": 2, "Rating": 0.85},
      {"name": "Superman", "Film": 3, "Rating": 0.3},
      {"name": "Jurassic Park", "Film": 1, "Rating": 0.6},
      {"name": "Jurassic Park", "Film": 2, "Rating": 0.3},
      {"name": "Jurassic Park", "Film": 3, "Rating": 0.1},
      {"name": "X-Men", "Film": 1, "Rating": 0.6},
      {"name": "X-Men", "Film": 2, "Rating": 0.8},
      {"name": "X-Men", "Film": 3, "Rating": 0.15},
      {"name": "Spiderman", "Film": 1, "Rating": 0.5},
      {"name": "Spiderman", "Film": 2, "Rating": 0.8},
      {"name": "Spiderman", "Film": 3, "Rating": 0.2},
      {"name": "Lord of Rings", "Film": 1, "Rating": 0.8},
      {"name": "Lord of Rings", "Film": 2, "Rating": 0.8},
      {"name": "Lord of Rings", "Film": 3, "Rating": 0.8},
      {"name": "Mad Max", "Film": 1, "Rating": 0.6},
      {"name": "Mad Max", "Film": 2, "Rating": 0.8},
      {"name": "Mad Max", "Film": 3, "Rating": 0.2},
      {"name": "Jaws", "Film": 1, "Rating": 1},
      {"name": "Jaws", "Film": 2, "Rating": 0.3},
      {"name": "Jaws", "Film": 3, "Rating": 0.4},
      {"name": "Back to the Future", "Film": 1, "Rating": 0.95},
      {"name": "Back to the Future", "Film": 2, "Rating": 0.6},
      {"name": "Back to the Future", "Film": 3, "Rating": 0.6},
      {"name": "Die Hard", "Film": 1, "Rating": 0.95},
      {"name": "Die Hard", "Film": 2, "Rating": 0.9},
      {"name": "Die Hard", "Film": 3, "Rating": 0.8},
      {"name": "Blade", "Film": 1, "Rating": 0.6},
      {"name": "Blade", "Film": 2, "Rating": 0.8},
      {"name": "Blade", "Film": 3, "Rating": 0.2},
      {"name": "Planet of the Apes", "Film": 1, "Rating": 0.8},
      {"name": "Planet of the Apes", "Film": 2, "Rating": 0.3},
      {"name": "Planet of the Apes", "Film": 3, "Rating": 0.1},
      {"name": "Godfather", "Film": 1, "Rating": 0.9},
      {"name": "Godfather", "Film": 2, "Rating": 1},
      {"name": "Godfather", "Film": 3, "Rating": 0.1},
      {"name": "Rocky", "Film": 1, "Rating": 0.9},
      {"name": "Rocky", "Film": 2, "Rating": 0.7},
      {"name": "Rocky", "Film": 3, "Rating": 0.7},
      {"name": "Terminator", "Film": 1, "Rating": 0.7},
      {"name": "Terminator", "Film": 2, "Rating": 1},
      {"name": "Terminator", "Film": 3, "Rating": 0.3},
      {"name": "Rambo", "Film": 1, "Rating": 0.9},
      {"name": "Rambo", "Film": 2, "Rating": 0.5},
      {"name": "Rambo", "Film": 3, "Rating": 0.5},
      {"name": "Batman", "Film": 1, "Rating": 0.6},
      {"name": "Batman", "Film": 2, "Rating": 0.4},
      {"name": "Batman", "Film": 3, "Rating": 0.1},
      {"name": "Alien", "Film": 1, "Rating": 0.9},
      {"name": "Alien", "Film": 2, "Rating": 1},
      {"name": "Alien", "Film": 3, "Rating": 0.2}
    ]
  },
  "vconcat": [
    {
      "columns": 3,
      "facet": {
        "field": "name",
        "type": "ordinal",
        "header": {
          "title": "THE TRILOGY METER",
          "titleFontSize": 20,
          "titlePadding": 5,
          "labelPadding": -1,
          "labelFontWeight": "bold"
        }
      },
      "spacing": 15,
      "spec": {
        "height": 60,
        "width": 60,
        "layer": [
          {
            "mark": {"type": "bar"},
            "encoding": {
              "x": {
                "field": "Film",
                "type": "ordinal",
                "title": null,
                "axis": {
                  "labels": false,
                  "labelAngle": 0,
                  "ticks": false,
                  "labelFontWeight": "bold"
                },
                "scale": {"paddingInner": 0}
              },
              "y": {
                "field": "Rating",
                "type": "quantitative",
                "title": null,
                "scale": {"domain": [0, 1]},
                "axis": {"labels": false, "format": ".0%", "ticks": false}
              },
              "color": {
                "field": "Rating",
                "type": "ordinal",
                "scale": {"scheme": "yellowgreenblue"},
                "legend": null
              }
            }
          },
          {
            "mark": {
              "type": "text",
              "stroke": "black",
              "strokeWidth": 2,
              "fontSize": 10
            },
            "encoding": {
              "y": {"datum": "0.1", "type": "quantitative"},
              "text": {"field": "Film"}
            }
          },
          {
            "mark": {"type": "text", "fill": "white", "fontSize": 10},
            "encoding": {
              "y": {"datum": "0.1", "type": "quantitative"},
              "text": {"field": "Film"}
            }
          },
          {
            "mark": {"type": "bar", "color": "transparent", "stroke": "black"},
            "encoding": {"y": {"field": "max", "type": "quantitative"}}
          }
        ],
        "encoding": {
          "x": {
            "field": "Film",
            "type": "ordinal",
            "title": null,
            "axis": {"labels": true, "labelAngle": 0, "ticks": false}
          }
        }
      },
      "resolve": {"scale": {"x": "independent", "y": "independent"}}
    }
  ]
}