janik6n / HexBinning

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

HexBinning

Update: Now includes support for > 1000 data points, abbreviated extended tooltips, and support for Lasso functionality to select multiple hexagons.

Hexagonal Binning Qlik Sense extension, based on hexbin.js D3 library.

Many thanks to Ralf Becher and Speros Kokenes for their assistance to make this a really nice looking and flexible extension.

The extension groups dense bunches of points into aggregated hexagonal bins.

It has 2 modes: Area Binning and Colour Binning

Colour Binning

The hexagonal bins are colour coded, relating to the density of points within the bin.

Area Binning

The size of the hexagonal bin is relative to the count of points contained within the bin.

In both cases, you can select a single hexagon or use the lasso by clicking and dragging on any part of the chart, and the relevant selections will be made in Sense.

An example (Hexagonal Binning - Fifa 14.qvf) is included.

Future improvements:

  1. Visible member count labels inside hexagons

Recent Improvements:

  1. partly fixed: Scaling of hexagon sizes and responsive design (Ralf Becher)
  2. fixed: Inverted (negative) y-axis and scale requires resolution (Ralf Becher)
  3. fixed: Clipping of hexagons at edge of axes (Ralf Becher)
  4. fixed: Configuration on hexagon size (Ralf Becher)
  5. fixed: Configuration of hexagon colour (Ralf Becher)
  6. fixed: Dealing with > 10000 data points
  7. added: Fixed layout and colouring for constant size on selection (Ralf Becher)
  8. added: Option to fill the mesh with hexagons (Ralf Becher)
  9. added: Area binning mode
  10. added: minRadius property for area binning
  11. fixed: starting lasso selection from inside a hexagon

Qlik Sense Extension Hexagonal Binning Using Colour and Area Binning

![Qlik Sense Extension Hexagonal Binning](HexBinning with 10k.gif) Support for 10k+ data points

Qlik Sense Extension Hexagonal Binning

Hexagonal Binning Properties

Qlik Sense Extension Hexagonal Binning

Hexagonal Binning Properties

About


Languages

Language:JavaScript 96.1%Language:CSS 3.9%