How to use the @nivo/heatmap.HeatMapDefaultProps.sizeVariation function in @nivo/heatmap

To help you get started, we’ve selected a few @nivo/heatmap examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github plouc / nivo / website / src / components / charts / heatmap / props.js View on Github external
{
        key: 'forceSquare',
        scopes: '*',
        description: 'Force square cells (width = height).',
        required: false,
        default: defaults.forceSquare,
        type: '{boolean}',
        controlType: 'switch',
        controlGroup: 'Base',
    },
    {
        key: 'sizeVariation',
        scopes: '*',
        description: `Size variation (0~1), if value is 0 size won't be affected. If you use for example the value 0.3, cell width/height will vary between 0.7~1 according to its corresponding value.`,
        required: false,
        default: defaults.sizeVariation,
        type: '{number}',
        controlType: 'range',
        controlGroup: 'Base',
        controlOptions: {
            min: 0,
            max: 1,
            step: 0.02,
        },
    },
    {
        key: 'padding',
        scopes: '*',
        description: 'Padding (px).',
        required: false,
        default: defaults.padding,
        type: '{number}',
github plouc / nivo / website / src / data / components / heatmap / props.js View on Github external
},
    {
        key: 'forceSquare',
        help: 'Force square cells (width = height).',
        required: false,
        defaultValue: defaults.forceSquare,
        type: 'boolean',
        controlType: 'switch',
        group: 'Base',
    },
    {
        key: 'sizeVariation',
        help: 'Cell size variation.',
        description: `Size variation (0~1), if value is 0 size won't be affected. If you use for example the value 0.3, cell width/height will vary between 0.7~1 according to its corresponding value.`,
        required: false,
        defaultValue: defaults.sizeVariation,
        type: 'number',
        controlType: 'range',
        group: 'Base',
        controlOptions: {
            min: 0,
            max: 1,
            step: 0.02,
        },
    },
    {
        key: 'padding',
        help: 'Padding.',
        required: false,
        defaultValue: defaults.padding,
        type: 'number',
        controlType: 'range',