Quad Chart

The Quad Chart uses a combination of rectangles, points, and texts visual elements to create a color coded quad chart.

Features explored in this example:

  • Hiding gridlines with xgridlines-visibility and ygridlines-visibility
  • Hiding axis with xaxis-visibility and yaxis-visibility
  • The rectangles visual element
  • The texts visual element
  • Including extended attributes in source data sets
  • Setting the fill color of an element using a callback function
  • Setting the text of a texts element using a callback function

Code