The Heiss Family’s 2025 books

Alexander’s books

Last read: , on

Alexander’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.alexander.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#1D6996",
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})

Zoë’s books

Write down a book

Last read: , on

Zoë’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.zoe.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#5F4690",
          size: 5,
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})

Benjamin’s books

Write down a book

Last read: , on

Benjamin’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.benjamin.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#0F8554",
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})

Miriam’s books

Write down a book

Last read: , on

Miriam’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.miriam.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#CC503E",
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})

Rachel’s books

Write down a book

Last read: , on

Rachel’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.rachel.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#38A6A5",
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})

Nancy’s books

Write down a book

Last read: , on

Nancy’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.nancy.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#94346E",
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})

Andrew’s books

Write down a book

Last read: , on

Andrew’s total books

Plot.plot({
  style: {
    fontSize: "14px",
    fontFamily: "Libre Franklin",
  },
  marginBottom: 0,
  marginLeft: 0,
  y: {
    label: "Books read",
    grid: false,
  },
  x: {
    label: "Month",
    domain: [new Date("2025-01-01"), new Date("2025-12-31")]
  },
  marks: [
    Plot.axisX({label: null, ticks: null}),
    Plot.axisY({label: null, ticks: null}),

    Plot.rectY(books.andrew.data, 
      Plot.binX(
        {y: "count"},  // Reducing function
        {
          x: "timestamp_local", 
          y: "total", 
          fill: "#E17C05",
          interval: d3.utcMonth,
          inset: 2,
          tip: {
            format: {
              x1: (d) => d3.utcFormat("%B")(d),
              x2: false,
              y: true
            }
          }
        }
      )
    )
  ]
})