npm install @antv/g-svg

import { Renderer as SVGRenderer } from '@antv/g-svg';
import { Graph } from '@antv/g6';

const graph = new Graph({
  // ... other options
  // All canvases will use the SVG renderer here
  renderer: () => new SVGRenderer(),
});

npm install @antv/g-webgl

import { Renderer as WebGLRenderer } from '@antv/g-webgl';
import { Graph } from '@antv/g6';

const graph = new Graph({
  // ... other options
  // All canvases will use the WebGL renderer here
  renderer: () => new WebGLRenderer(),
});

import { Renderer as SVGRenderer } from '@antv/g-svg';
import { Renderer as WebGLRenderer } from '@antv/g-webgl';

const graph = new Graph({
  // ... other options
  renderer: (layer) => {
    // The main canvas uses the WebGL renderer, and the other canvases use the SVG renderer
    if (layer === 'main') return new WebGLRenderer();
    return new SVGRenderer();
  },
});

import { Renderer as SVGRenderer } from '@antv/g-svg';
import { Renderer as WebGLRenderer } from '@antv/g-webgl';

// Use the WebGL renderer by default
const graph = new Graph({
  // ... other options
  renderer: () => new WebGLRenderer(),
});

await graph.render();

// Switch to the SVG renderer
graph.setOptions({
  renderer: () => new SVGRenderer(),
});