Now that you are familiar with the basic structure of an extension, the HyperCube, and how to define useful properties, this section will cover building an example visualization extension step by step using d3. It will quickly become very technical, so a good understanding of previous chapters is required to follow why and how something is implemented fully.

Bear in mind that, as with languages and their dialects, there are different ways to implement the same results in coding. You are encouraged to explore different implementations and to try out new ideas or methods that you are more comfortable with.

The example we will try to implement using d3 is a standard bar chart. We do recognize Qlik Sense already comes with a sturdy bar chart that so this exercise will replicate some of the basic functionality, but the steps of building d3-based visualizations should be transferable to any other type of chart.