How to use the victory.VictoryScatter function in victory

const Victory = require('victory');
const Axis = require('victory').VictoryAxis;
const Chart = Victory.VictoryChart;

const chartMap = {
  line: Victory.VictoryLine,
  scatter: Victory.VictoryScatter
};

const getStyles = (props) => {
  switch (props.type) {
    case 'line':
      return {
        stroke: props.foregroundColor
      };
    case 'scatter':
      return {
        fill: props.foregroundColor
      };
  }
}

const getAxisStyles = (props) => {

const React = require('react');
const IdyllComponent = require('idyll-component');
const V = require('victory');

const types = {
  LINE: V.VictoryLine,
  BAR: V.VictoryBar,
  SCATTER: V.VictoryScatter
};

class Chart extends IdyllComponent {
  render() {
    const INNER_CHART = types[this.props.type.toUpperCase()];
    return (
      <div>
        
          
          
        
      </div>
    );
  }
}

import React from 'react';
const V = require('victory');
const d3Arr = require('d3-array');

const types = {
  AREA: V.VictoryArea,
  TIME: V.VictoryLine,
  LINE: V.VictoryLine,
  BAR: V.VictoryBar,
  SCATTER: V.VictoryScatter,
  PIE: V.VictoryPie
};

let chartCount = 0;

class Chart extends React.PureComponent {

  constructor(props) {
    super(props);
    this.id = chartCount++;
    this.state = {};
    this.renderError = this.renderError.bind(this);
    this.renderHelp = this.renderHelp.bind(this);
  }

  componentDidCatch(error, info) {

const React = require('react');
const V = require('victory');

const types = {
  LINE: V.VictoryLine,
  BAR: V.VictoryBar,
  SCATTER: V.VictoryScatter
};

class Chart extends React.PureComponent {
  render() {
    const scale = 1 / (( this.props.randomSeed % 3  +  1));
    const INNER_CHART = types[this.props.type.toUpperCase()];
    const data = Array(100).fill().map((_) => {
      return {
        x: scale * Math.random(),
        y: scale * Math.random()
      }
    });

    return (
      <div>
        </div>