Hello world

The Hello World code example demonstrates the absolute minimal requirements for a visualization extension.

Finding the examples

• Qlik Sense Desktop: ...\Users\<UserName>\Documents\Qlik\Examples\Extensions.

• Qlik Sense: ...\ProgramData\Qlik\Examples\Extensions.

Full code example

{
	"name" : "Hello World",
	"description" : "Hello World example",
	"preview": "helloworld.png",
	"type" : "visualization",
	"version": "1.0",
	"author": "QlikTech International"
}

define( [
],
function ( ) {

	return {
		paint: function ($element) {
			$element.html( "Hello world!!" );
		}
	};

} );

Code example breakdown

1. Edit the applicable fields of the QEXT file to set a default title, description, icon and type.

2. Implement the paint function to render the text.

   define( [
   ],
   function ( ) {
   
   	return {
   		paint: function ($element) {
   			$element.html( "Hello world!!" );
   		}
   	};
   
   } );