No, it didn't render like that.

The original graph comes from here: https://www.mediawiki.org/wiki/Template:Graph:Weather_monthly_history

In T396522#10901623, @Theklan wrote:

No, it didn't render like that.

That's what it looks like in the wayback machine going back a couple years. Can you provide an alternate rendering?

That's the population graph, not the weather graph. There are two graphs in the same article.

In T396522#10901696, @Theklan wrote:

That's the population graph, not the weather graph. There are two graphs in the same article.

Confirmed, apparently the population graph renders on archive.org but the weather doesn't. Or else I looked at a version without it. My apologies!

I'll break this task out into three more generic aspects:

• Waterfall charts - I believe the closest native support within echarts is this chart type. I've played around with it in the sandbox and though its marginally more complex that the existing chart types, it doesn't seem unrealistic for someone to be able to add this type of support in the future.
• Ability to set the bars colour based on some value in a range - Based an initial exploration for bar type charts this looks fairly easy and probably should work here (see below). In theory this seems fairly extensible to other chart types but would require more complexity to ensure proper support across different chart types.

visualMap: {
  orient: 'horizontal',
  left: 'center',
  min: 10,
  max: 200,
  text: ['Many Coffees', 'Few Coffees'],
  // Map the score column to color
  dimension: 1,
  inRange: {
    color: ['#FD665F', '#FFCE34', '#65B581']
  }
},

• Next is the navigation scroll. This seems fairly well supported natively in echarts via datazoom.

dataZoom: [
  {
    show: true,
    realtime: true,
    start: 30,
    end: 70,
    xAxisIndex: [0, 1]
  },
  {
    type: 'inside',
    realtime: true,
    start: 30,
    end: 70,
    xAxisIndex: [0, 1]
  }
],