Plot.plot({
  x: {
    tickFormat: "",
    label: null
  },
  y: {
    grid: true,
    label: null
  },
  marks: [
    Plot.ruleY([0]),
    Plot.barY(posts_by_year, {x: "year", y: "year_count", fill: "#0ea5e9"})
  ],
})

Plot.plot({
  marginLeft: 150,
  marginRight: 60,
  height: 300,
  x: { axis: null },
  y: { label: null },
  marks: [
    Plot.barX(posts_by_language, {
      x: "lang_count",
      y: "language",
      sort: { y: "x", reverse: true, limit: 8 },
      fill: "language",
    }),

    Plot.text(posts_by_language, {
      text: d => `${(d.lang_count / post_count).toLocaleString(undefined, {
        style: "percent", 
        maximumSignificantDigits: 2
      })}`,
      y: "language",
      x: "lang_count",
      textAnchor: "start",
      dx: 5,
    })
  ]
})

Plot.plot({
  marginLeft: 150,
  marginRight: 60,
  height: 240,
  x: { axis: null },
  y: { label: null },
  marks: [
    Plot.barX(posts_by_category, {
      x: "cat_count",
      y: "category",
      sort: { y: "x", reverse: true, limit: 6 },
      fill: "category"
    }),

    Plot.text(posts_by_category, {
      text: d => `${(d.cat_count / post_count).toLocaleString(undefined, {
        style: "percent", 
        maximumSignificantDigits: 2
      })}`,
      y: "category",
      x: "cat_count",
      textAnchor: "start",
      dx: 5,
    })
  ]
})

Plot.plot({
  marginLeft: 150,
  marginRight: 60,
  height: 360,
  x: { axis: null },
  y: { label: null },
  marks: [
    Plot.barX(posts_by_generator, {
      x: "gen_count",
      y: "generator",
      sort: { y: "x", reverse: true, limit: 9 },
      fill: "generator",
    }),

    Plot.text(posts_by_generator, {
      text: d => `${(d.gen_count / post_count).toLocaleString(undefined, {
        style: "percent", 
        maximumSignificantDigits: 2
      })}`,
      y: "generator",
      x: "gen_count",
      textAnchor: "start",
      dx: 5,
    })
  ]
})