Project

Our Objective

In this lesson, we aim to recreate a chart from The Economist with several key design elements:

• Title, subtitle, and footer
• Grid lines with values displayed at the top
• Inline labels placed inside or outside the bars

The data

The dataset is very simple! It looks like this:

export const data = [
  {
      count: 6,
      name: "Hantavirus",
  },
  {
      count: 7,
      name: "Tularemia",
  },
]

You can find the complete js object here.

Get full data

Good Luck!

Here are a few helpful hints:

• Use xScale.ticks(10) to generate an array of optimal tick values.
• Bar color is #076fa2

Solution