VictoryVoronoi

info

For examples of VictoryVoronoi in action, visit the Scatter Chart examples.

Inherited Props

VictoryDatableProps

• categories
• data
• dataComponent
• domain
• domainPadding
• samples
• sortKey
• sortOrder
• x
• y
• y0

VictoryMultiLabelableProps

• labelComponent
• labels

VictoryCommonProps

• animate
• colorScale
• containerComponent
• disableInlineStyles
• domainPadding
• externalEventMutations
• groupComponent
• height
• horizontal
• maxDomain
• minDomain
• name
• origin
• padding
• polar
• range
• scale
• sharedEvents
• singleQuadrantDomainPadding
• standalone
• theme
• width

Component Props

---

events

type: object[]

VictoryVoronoi uses the standard events prop. Read about it in more detail here

See the [Events Guide][] for more information on defining events.

Live View

Loading...

Live Editor

<div>
  <h3>Click a cell below</h3>
  <VictoryVoronoi
    events={[
      {
        target: "data",
        eventHandlers: {
          onClick: () => {
            return [
              {
                target: "data",
                mutation: (props) => {
                  const fill =
                    props.style &&
                    props.style.fill;
                  return fill ===
                    "black"
                    ? null
                    : {
                        style: {
                          fill: "black",
                        },
                      };
                },
              },
            ];
          },
        },
      },
    ]}
    data={sampleData}
    theme={VictoryTheme.clean}
  />
</div>

---

size

type: number

The size prop determines the maximum size of each voronoi area. When this prop is given, a circular area of the specified size will be rendered, and clipped where it would overlap with other voronoi areas. If this prop is not given, the entire voronoi area will be used.

---

style

type: { parent: object, data: object, labels: object }

VictoryVoronoi uses the standard style prop. Read about it in detail here

Live View

Loading...

Live Editor

<VictoryVoronoi
  style={{
    data: {
      stroke: "#c43a31",
      strokeWidth: 3,
    },
    labels: {
      fontSize: 15,
      fill: "#c43a31",
      padding: 15,
    },
  }}
  size={50}
  data={sampleData}
  labels={({ datum }) => datum.x}
/>