Skip to main content
torch.js has not been released yet.
torch.js logotorch.js logotorch.js
PlaygroundContact
Login
Documentation
IntroductionType SafetyTensor ExpressionsTensor IndexingEinsumEinopsAutogradTraining a ModelProfiling & MemoryPyTorch MigrationBest PracticesRuntimesPerformancePyTorch CompatibilityBenchmarksDType Coverage
IntroductionRenderer GalleryRenderersAnalysis
createAttentionFlowRendererAttentionFlowRendererAttentionFlowRenderer.renderAttentionFlowRenderer.renderToCanvasAttentionFlowRenderer.renderToBlobAttentionFlowRenderer.destroyAttentionFlowOptionscomputeBoxPlotStatscreateBoxPlotRendererBoxPlotRendererBoxPlotRenderer.renderBoxPlotRenderer.renderToCanvasBoxPlotRenderer.destroyBoxPlotStatsBoxPlotOptionscreateConfusionMatrixRenderercomputeConfusionMatrixConfusionMatrixRendererConfusionMatrixRenderer.renderConfusionMatrixRenderer.renderToCanvasConfusionMatrixRenderer.destroyNormalizationModeConfusionMatrixOptionscomputeROCCurvecomputePRCurvecreateCurveRendererCurveRendererCurveRenderer.renderROCCurveRenderer.renderPRCurveRenderer.renderROCToCanvasCurveRenderer.renderPRToCanvasCurveRenderer.renderROCToBlobCurveRenderer.destroyCurveTypeCurvePointCurveDataCurveResultCurveOptionscreateDendrogramRendererDendrogramRendererDendrogramRenderer.renderDendrogramRenderer.renderToCanvasDendrogramRenderer.destroyDendrogramOptionscreateEmbeddingRendererEmbeddingRendererEmbeddingRenderer.renderEmbeddingRenderer.renderPCAEmbeddingRenderer.renderTSNEEmbeddingRenderer.renderKMeansEmbeddingRenderer.renderToCanvasEmbeddingRenderer.renderToTextureEmbeddingRenderer.renderToBlobEmbeddingRenderer.destroyEmbeddingColorModeLegendPositionEmbeddingCameraCategoryLabelEmbeddingOptionsEmbeddingRenderResultcreateFeatureMapGridRendererFeatureMapGridRendererFeatureMapGridRenderer.renderFeatureMapGridRenderer.renderAutoRangeFeatureMapGridRenderer.renderToCanvasAutoRangeFeatureMapGridRenderer.renderToBlobFeatureMapGridRenderer.destroyFeatureMapGridOptionscreateGradientFlowRendererGradientFlowRendererGradientFlowRenderer.renderGradientFlowRenderer.renderToCanvasGradientFlowRenderer.destroyLayerGradientStatsGradientFlowOptionscreateHeatmapRendererHeatmapRendererHeatmapRenderer.renderHeatmapRenderer.renderAutoRangeHeatmapRenderer.renderToCanvasHeatmapRenderer.renderToCanvasAutoRangeHeatmapRenderer.renderToTextureHeatmapRenderer.renderToBlobHeatmapRenderer.renderToDataURLHeatmapRenderer.destroyHeatmapOptionscreateHistogramRendererHistogramRendererHistogramRenderer.renderHistogramRenderer.renderFromHistogramHistogramRenderer.renderToCanvasHistogramRenderer.destroyHistogramOptionscreateKernelGridRendererKernelGridRendererKernelGridRenderer.renderKernelGridRenderer.renderToCanvasKernelGridRenderer.destroyKernelGridOptionscreateLineChartRenderercreateStreamingLineChartLineChartRendererLineChartRenderer.renderLineChartRenderer.renderToCanvasLineChartRenderer.renderToTextureLineChartRenderer.renderToBlobLineChartRenderer.destroyStreamingLineChartStreamingLineChart.appendStreamingLineChart.appendToSeriesStreamingLineChart.clearStreamingLineChart.renderToCanvasStreamingLineChart.renderStreamingLineChart.destroySeriesColorLineChartSeriesLineChartOptionscreateModelArchitectureRenderercreateSequentialGraphModelArchitectureRendererModelArchitectureRenderer.renderModelArchitectureRenderer.renderToCanvasModelArchitectureRenderer.destroyLayerTypeArchitectureNodeArchitectureEdgeArchitectureGraphArchitectureOptionscreateNetworkGraphRenderergraphFromAdjacencyMatrixNetworkGraphRendererNetworkGraphRenderer.renderNetworkGraphRenderer.renderToCanvasNetworkGraphRenderer.destroyGraphNodeGraphEdgeGraphDataNetworkGraphOptionscreatePointCloudRendererPointCloudRendererPointCloudRenderer.renderPointCloudRenderer.renderToCanvasPointCloudRenderer.renderToTexturePointCloudRenderer.renderToBlobPointCloudRenderer.destroyCamera3DPointCloudOptionscreateSaliencyMapRendererSaliencyMapRendererSaliencyMapRenderer.renderSaliencyMapRenderer.renderToCanvasSaliencyMapRenderer.destroySaliencyColormapSaliencyMapDataSaliencyMapOptionscreateSankeyRendererSankeyRendererSankeyRenderer.renderSankeyRenderer.renderToCanvasSankeyRenderer.destroySankeyNodeSankeyLinkSankeyDataSankeyOptionscreateTrainingDashboardTrainingDashboardTrainingDashboard.logTrainingDashboard.logMetricTrainingDashboard.renderTrainingDashboard.getMetricsTrainingDashboard.getMetricTrainingDashboard.getCurrentStepTrainingDashboard.clearTrainingDashboard.exportMetricsTrainingDashboard.importMetricsTrainingDashboard.destroyMetricPointMetricSeriesChartPanelConfigDashboardLayoutTrainingDashboardOptionsTrainingSnapshot
torch.js· 2026
LegalTerms of UsePrivacy Policy
/
/
  1. docs
  2. viz
  3. viz
  4. renderers
  5. NetworkGraphOptions

viz.renderers.NetworkGraphOptions

export interface NetworkGraphOptions {
  /** Render target */
  target?: RenderTarget;
  /** Chart title */
  title?: string;
  /** Number of layout iterations (default: 300) */
  iterations?: number;
  /** Force simulation parameters */
  forces?: {
    /** Center force strength (default: 0.1) */
    center?: number;
    /** Repulsion force strength (default: -300) */
    charge?: number;
    /** Link distance (default: 30) */
    linkDistance?: number;
    /** Link strength (default: 1) */
    linkStrength?: number;
    /** Collision radius (default: node size) */
    collideRadius?: number;
  };
  /** Node rendering options */
  nodeStyle?: {
    /** Default node radius (default: 8) */
    radius?: number;
    /** Default node color */
    color?: [number, number, number];
    /** Show labels (default: true) */
    showLabels?: boolean;
    /** Label font size (default: 10) */
    labelSize?: number;
  };
  /** Edge rendering options */
  edgeStyle?: {
    /** Default edge color */
    color?: [number, number, number];
    /** Edge width (default: 1) */
    width?: number;
    /** Show arrows (default: false) */
    showArrows?: boolean;
    /** Curve edges (default: false) */
    curved?: boolean;
  };
  /** Category colors for node groups */
  categoryColors?: [number, number, number][];
  /** Background color */
  backgroundColor?: [number, number, number, number];
}
target(RenderTarget)optional
– Render target
title(string)optional
– Chart title
iterations(number)optional
– Number of layout iterations (default: 300)
forces({ /** Center force strength (default: 0.1) */ center?: number; /** Repulsion force strength (default: -300) */ charge?: number; /** Link distance (default: 30) */ linkDistance?: number; /** Link strength (default: 1) */ linkStrength?: number; /** Collision radius (default: node size) */ collideRadius?: number; })optional
– Force simulation parameters
nodeStyle({ /** Default node radius (default: 8) */ radius?: number; /** Default node color */ color?: [number, number, number]; /** Show labels (default: true) */ showLabels?: boolean; /** Label font size (default: 10) */ labelSize?: number; })optional
– Node rendering options
edgeStyle({ /** Default edge color */ color?: [number, number, number]; /** Edge width (default: 1) */ width?: number; /** Show arrows (default: false) */ showArrows?: boolean; /** Curve edges (default: false) */ curved?: boolean; })optional
– Edge rendering options
categoryColors([number, number, number][])optional
– Category colors for node groups
backgroundColor([number, number, number, number])optional
– Background color

Options for network graph rendering.

Previous
ModelArchitectureRenderer.renderToCanvas
Next
NetworkGraphRenderer