Plot.plot({
  height: 400,
  x: {
    tickFormat: "",
    label: null
  },
  y: {
    grid: true,
    label: null
  },
  marks: [
    Plot.ruleY([0]),
    Plot.rectY(posts_by_year, {
      x: "year",
      interval: 1,
      y: "year_count", 
      href: d => `https://rogue-scholar.org/search?q=metadata.publication_date:[${d.year}%20TO%20${d.year+1}]&sort=oldest`, 
      fill: "#0ea5e9"
    }),
    Plot.text(posts_by_year, {
      text: d => `${d.year_count}`,
      x: "year",
      y: "year_count",
      dx: 18,
      dy: -6,
      textAnchor: "start",
    })
  ],
})

Plot.plot({
  marginLeft: 150,
  marginRight: 60,
  height: 360,
  x: { axis: null },
  y: { label: null },
  marks: [
    Plot.barX(posts_by_language, {
      x: "doc_count",
      y: "label",
      href: d => `https://rogue-scholar.org/search?q=&f=language:${d.key}&sort=newest`,
      sort: { y: "x", reverse: true, limit: 9 },
      fill: "label",
    }),

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

Plot.plot({
  marginLeft: 490,
  marginRight: 60,
  height: 800,
  x: { axis: null },
  y: { label: null },
  marks: [
    Plot.barX(posts_by_category, {
      x: "cat_count",
      y: "label",
      href: d => `https://rogue-scholar.org/search?q=&f=subject:${d.category}&sort=newest`,
      fill: "parent",
    }),

    Plot.text(posts_by_category, {
      text: d => `${(d.cat_count / post_count).toLocaleString(undefined, {
        style: "percent", 
        maximumSignificantDigits: 2
      })}`,
      y: "label",
      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",
      href: d => `https://rogue-scholar.org/search?q=platform:${d.generator}&sort=newest`,
      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,
    })
  ]
})