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

viz.renderers.AttentionFlowRenderer

class AttentionFlowRenderer

GPU-accelerated attention flow renderer.

Visualizes attention matrices as arcs connecting tokens.

Examples

const renderer = new AttentionFlowRenderer();

// attention: [num_tokens, num_tokens] attention weights
const target = await renderer.render(attention, {
  tokens: ['The', 'cat', 'sat', 'on', 'the', 'mat'],
  highlightToken: 1, // Highlight 'cat'
});
Previous
AttentionFlowOptions
Next
AttentionFlowRenderer.destroy