How to use the @nivo/scatterplot.ScatterPlotDefaultProps.nodeSize function in @nivo/scatterplot

To help you get started, we’ve selected a few @nivo/scatterplot 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 / data / components / scatterplot / props.js View on Github external
max: 2000,
                    },
                },
            ],
        },
    },
    {
        key: 'yFormat',
        group: 'Base',
        type: 'string | Function',
        help: 'Optional formatter for y values.',
    },
    {
        key: 'nodeSize',
        group: 'Base',
        defaultValue: defaults.nodeSize,
        type: 'number | object | Function',
        help: `How to compute node size, static or dynamic.`,
        description: `
            If you provide a **number**, all nodes will have the same
            **fixed size**.

            You can also use an object to define a varying size,
            it must conform to the following interface:

            \`\`\`
            {
                key:    string
                values: [min: number, max: number]
                sizes:  [min: number, max: number]
            }
            \`\`\`
github plouc / nivo / website / src / pages / scatterplot / index.js View on Github external
type: 'linear',
        min: 0,
        max: 'auto',
    },
    xFormat: d => `${d} kg`,
    yScale: {
        type: 'linear',
        min: 0,
        max: 'auto',
    },
    yFormat: d => `${d} cm`,

    colors: ScatterPlotDefaultProps.colors,
    blendMode: 'multiply',

    nodeSize: ScatterPlotDefaultProps.nodeSize,

    enableGridX: ScatterPlotDefaultProps.enableGridX,
    enableGridY: ScatterPlotDefaultProps.enableGridY,
    axisTop: {
        enable: false,
        orient: 'top',
        tickSize: 5,
        tickPadding: 5,
        tickRotation: 0,
        legend: '',
        legendOffset: 36,
    },
    axisRight: {
        enable: false,
        orient: 'right',
        tickSize: 5,