Infographics

How to use our different infographics

DataTransferGraphics

DataTransferGraphics

Usage

import React from 'react'
import { Viz } from 'a10-gui-dgp-viz'

const { DataTransferGraphics } = Viz

const data = {
  clientsrtt: 1,
  dataTransferRequest: 2,
  InLatency: 3,
  OutLatency: 4,
  dataTransferResponse: 5,
  serverRTT: 6,
  AppLatency: 7,
}
<DataTransferGraphics data={data} />