Nervously Practice Multithreading

    @visx/legend
    TypeScript icon, indicating that this package has built-in type declarations

    2.2.2 • Public • Published

    @visx/legend

    Legends associate shapes and colors to data, and are associated with scales.

    Example

    import { LegendThreshold } from '@visx/legend';
    import { scaleThreshold } from '@visx/scale';
    
    const threshold = scaleThreshold({
      domain: [0.02, 0.04, 0.06, 0.08, 0.1],
      range: ['#f2f0f7', '#dadaeb', '#bcbddc', '#9e9ac8', '#756bb1', '#54278f'],
    });
    
    function MyChart() {
      return (
        <div>
          <svg>{/** chart stuff */}</svg>
          <LegendThreshold
            scale={threshold}
            direction="column-reverse"
            itemDirection="row-reverse"
            labelMargin="0 20px 0 0"
            shapeMargin="1px 0 0"
          />
        </div>
      );
    }

    Installation

    npm install --save @visx/legend
    

    Install

    npm i @visx/legend

    DownloadsWeekly Downloads

    24,246

    Version

    2.2.2

    License

    MIT

    Unpacked Size

    91.1 kB

    Total Files

    79

    Last publish

    Collaborators

    • vx-hshoff
    • hshoff
    • christopher.card.williams
    • lencioni