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. AttentionFlowOptions

viz.renderers.AttentionFlowOptions

export interface AttentionFlowOptions {
  /** Minimum attention value to display (default: 0.01) */
  minAttention?: number;
  /** Maximum attention value for color scaling (default: auto) */
  maxAttention?: number;
  /** Width of connection lines in pixels (default: 2) */
  lineWidth?: number;
  /** Height of arcs relative to viewport (default: 100) */
  arcHeight?: number;
  /** Index of token to highlight (-1 for none) */
  highlightToken?: number;
  /** Show all connections or only highlighted (default: true) */
  showAll?: boolean;
  /** Padding around the visualization */
  padding?: { left?: number; right?: number; top?: number; bottom?: number };
  /** Token labels to display */
  tokens?: string[];
  /** Background color as [r, g, b, a] (default: [1, 1, 1, 1]) */
  backgroundColor?: [number, number, number, number];
  /** Target to render to */
  target?: RenderTarget;
}
minAttention(number)optional
– Minimum attention value to display (default: 0.01)
maxAttention(number)optional
– Maximum attention value for color scaling (default: auto)
lineWidth(number)optional
– Width of connection lines in pixels (default: 2)
arcHeight(number)optional
– Height of arcs relative to viewport (default: 100)
highlightToken(number)optional
– Index of token to highlight (-1 for none)
showAll(boolean)optional
– Show all connections or only highlighted (default: true)
padding({ left?: number; right?: number; top?: number; bottom?: number })optional
– Padding around the visualization
tokens(string[])optional
– Token labels to display
backgroundColor([number, number, number, number])optional
– Background color as [r, g, b, a] (default: [1, 1, 1, 1])
target(RenderTarget)optional
– Target to render to
Previous
ArchitectureOptions
Next
AttentionFlowRenderer