MAIDR Documentation - v3.69.0
    Preparing search index...

    Function MaidrVictory

    • React component that wraps Victory chart components and provides accessible, non-visual access through MAIDR's audio sonification, text descriptions, braille output, and keyboard navigation.

      Supports the Victory data components that have MAIDR equivalents:

      • VictoryBar → bar chart
      • VictoryLine → line chart
      • VictoryScatter → scatter plot
      • VictoryStack → stacked bar chart
      • VictoryHistogram → histogram
      • VictoryBoxPlot → box plot
      • VictoryCandlestick → candlestick chart

      Parameters

      Returns Element

      import { MaidrVictory } from 'maidr/victory';
      import { VictoryChart, VictoryBar } from 'victory';

      function AccessibleBarChart() {
        return (
          <MaidrVictory id="sales" title="Sales by Quarter">
            <VictoryChart>
              <VictoryBar
                data={[
                  { x: 'Q1', y: 120 },
                  { x: 'Q2', y: 200 },
                  { x: 'Q3', y: 150 },
                  { x: 'Q4', y: 300 },
                ]}
              />
            </VictoryChart>
          </MaidrVictory>
        );
      }

    Settings

    Member Visibility