v3.4.0

New Features:

Stacked chart

New stacked 100% chart added for bar, area, area-step and area-spline; #143 #144 #145

const chart = new KeenDataviz({
  container: '#some_container', // required
  stacking: 'normal' // 'normal' - stacked chart
                     // 'percent' - 100% stacked chart
});

v3.3.0

New Features:

New funnel charts #114

• funnel

• horizontal-funnel

Default configuration values:

  funnel: {
    lines: true, // separate each step with a line
    resultValues: true, // show or hide results
    percents: {
      show: false, // show and hide percents
      countingMethod: 'absolute', // 'absolute' - use the value of the first step to calculate the percentage change
                                  // 'relative' - use the value of the previous step to calculate the percentage change
      decimals: 0, // the number of decimal digits visible
    }
    hover: true, // show or hide hover effect
    marginBetweenElements: false, // show or hide spaces between elements
  }

3D funnels have similar options, with a small change:

• funnel-3d

  funnel: {
    marginBetweenElements: false, // N/A
    effect3d: 'both-sides' // 'both-sides' - showing shades on both sides
                           // 'left' - showing shades on left side
                           // 'right' - showing shades on right side
  }

• horizontal-funnel-3d

  funnel: {
    marginBetweenElements: false, // N/A
    effect3d: 'both-sides' // 'both-sides' - showing shades on top and bottom
                           // 'top' - showing shades on top
                           // 'right' - showing shades on bottom
  }

v3.2.1

New Features:

Chart render only when visible #128

const chart = new KeenDataviz({
    container: '#some_container', // required
    renderOnVisible: true
  })

Fixes:

• #116 Legend disappears on second render

v3.1.0

New features:

Map values of columns in the table view #124

const chart = new KeenDataviz({
    container: '#some_container',
    type: 'table',
    table: {
      mapValues: {
        'keen.timestamp': (value) => {
          return value.toUpperCase();
        }
      }
    }
  })

Metric charts are extended by ability to compare values #121

If previousResults is set, the metric will show the difference between the current result and the previous one.

const chart = new KeenDataviz({
    container: '#some_container',
    type: 'metric',
    results,
    previousResults
  })

v3.0.30

Fixes:

• #118 Tooltip is visible only when hovering on data points
• #119 Setting any theme removes keen-dataviz core css classes

v3.0.4

New

• Extraction Table pagination:

const chart = new KeenDataviz({
  container: '#some_container', // required
  table: {
    pagination: {
      limit: 10 // items per page
    }
  }
});

Please note, that we are paginating results that we already got from the API.

Fixes

• width and height of the chart is working more precise with labels and notes (bug reported by shauntrennery)

v3.0.0

• Create a new KeenDataviz instance with a Configuration Object

const chart = new KeenDataviz({
  // Required:
  container: '#my-chart-div' // querySelector,

  // Optional:
  type: 'area', // https://github.com/keen/keen-dataviz.js/blob/master/docs/README.md#chart-types
  title: 'New Customers per Week',
  showLoadingSpinner: true
});

• Width and height of the chart is now controlled by width and height of its parent HTML element. width() and height() methods are deprecated, use CSS of the container element.
• We removed all of the style-related code from our JS files. Now you can rely fully on your custom CSS classes.
• Legend: positioning, styles and pagination are now fully customizable (#61). https://github.com/keen/keen-dataviz.js#legend

Depracation warnings

You can turn off deprecation warnings with

const chart = new Keen.Dataviz({
  container: '#container', // required
  showDeprecationWarnings: false
});

v2.0.4

UPDATED:

• Dependencies: D3 v5.4, C3 v0.6 (#101)

FIXED:

• Keen-Dataviz.js imported as a NPM module is no longer exposing Dataviz/Dataset as a global variable. Now you can access full potential of ES6 modules by using imports

import KeenDataviz from 'keen-dataviz';
const chart = new KeenDataviz();

NPM package fixes

FIXED:

• c3/d3 are now valid dependencies listed in the package.json

Move from Gulp to Webpack / UMD

We are upgrading our development tools to match current trends

NEW:

• all JS /dist files are now bundled by Webpack 4.8.3 - UMD!
• custom Dataviz version WITHOUT C3/D3 libraries (#87) - /dist/external_d3_c3
• ability to turn off export to a global Keen object. Use <script>const __KEEN_NO_COMMON_GLOBAL_OBJECT__ = true;</script> before HTML script tag with Dataviz library (#51)

FIXED:

• escaping labels (#89)