3D Bar chart with 2 different axis


Hi All,

Is it possible to build a group bar chart where :

  • The width of the bars in graph is proportional to cost
  • The height of the bars is proportional to revenue

Thanks for support


I think this is called a “Marimekko” chart although a Marimekko chart typically has the Y axis scaled to 100% and the width of the bars on X axis representing relative size. I think an alternate name when the height is not scaled to 100% is “Cascade” chart. I’m 100 %positive that D3.js would have multiple implementations for Marimekko charts but you would need to add to Canvas as it’s not a standard chart type included in Canvas.



Thanks for this and indeed I’ve found example of Marimekko Chart (Wasn’t aware how it is called).