Skip to main content

torch.js has not been released yet.

Playground Contact

Introduction Type Safety Tensor Expressions Tensor Indexing Einsum Einops Autograd Training a Model Profiling & Memory PyTorch Migration Best Practices Runtimes Performance PyTorch Compatibility Benchmarks DType Coverage

Introduction Renderer Gallery Renderers Analysis

createAttentionFlowRenderer AttentionFlowRenderer AttentionFlowRenderer.render AttentionFlowRenderer.renderToCanvas AttentionFlowRenderer.renderToBlob AttentionFlowRenderer.destroy AttentionFlowOptions computeBoxPlotStats createBoxPlotRenderer BoxPlotRenderer BoxPlotRenderer.render BoxPlotRenderer.renderToCanvas BoxPlotRenderer.destroy BoxPlotStats BoxPlotOptions createConfusionMatrixRenderer computeConfusionMatrix ConfusionMatrixRenderer ConfusionMatrixRenderer.render ConfusionMatrixRenderer.renderToCanvas ConfusionMatrixRenderer.destroy NormalizationMode ConfusionMatrixOptions computeROCCurve computePRCurve createCurveRenderer CurveRenderer CurveRenderer.renderROC CurveRenderer.renderPR CurveRenderer.renderROCToCanvas CurveRenderer.renderPRToCanvas CurveRenderer.renderROCToBlob CurveRenderer.destroy CurveType CurvePoint CurveData CurveResult CurveOptions createDendrogramRenderer DendrogramRenderer DendrogramRenderer.render DendrogramRenderer.renderToCanvas DendrogramRenderer.destroy DendrogramOptions createEmbeddingRenderer EmbeddingRenderer EmbeddingRenderer.render EmbeddingRenderer.renderPCA EmbeddingRenderer.renderTSNE EmbeddingRenderer.renderKMeans EmbeddingRenderer.renderToCanvas EmbeddingRenderer.renderToTexture EmbeddingRenderer.renderToBlob EmbeddingRenderer.destroy EmbeddingColorMode LegendPosition EmbeddingCamera CategoryLabel EmbeddingOptions EmbeddingRenderResult createFeatureMapGridRenderer FeatureMapGridRenderer FeatureMapGridRenderer.render FeatureMapGridRenderer.renderAutoRange FeatureMapGridRenderer.renderToCanvasAutoRange FeatureMapGridRenderer.renderToBlob FeatureMapGridRenderer.destroy FeatureMapGridOptions createGradientFlowRenderer GradientFlowRenderer GradientFlowRenderer.render GradientFlowRenderer.renderToCanvas GradientFlowRenderer.destroy LayerGradientStats GradientFlowOptions createHeatmapRenderer HeatmapRenderer HeatmapRenderer.render HeatmapRenderer.renderAutoRange HeatmapRenderer.renderToCanvas HeatmapRenderer.renderToCanvasAutoRange HeatmapRenderer.renderToTexture HeatmapRenderer.renderToBlob HeatmapRenderer.renderToDataURL HeatmapRenderer.destroy HeatmapOptions createHistogramRenderer HistogramRenderer HistogramRenderer.render HistogramRenderer.renderFromHistogram HistogramRenderer.renderToCanvas HistogramRenderer.destroy HistogramOptions createKernelGridRenderer KernelGridRenderer KernelGridRenderer.render KernelGridRenderer.renderToCanvas KernelGridRenderer.destroy KernelGridOptions createLineChartRenderer createStreamingLineChart LineChartRenderer LineChartRenderer.render LineChartRenderer.renderToCanvas LineChartRenderer.renderToTexture LineChartRenderer.renderToBlob LineChartRenderer.destroy StreamingLineChart StreamingLineChart.append StreamingLineChart.appendToSeries StreamingLineChart.clear StreamingLineChart.renderToCanvas StreamingLineChart.render StreamingLineChart.destroy SeriesColor LineChartSeries LineChartOptions createModelArchitectureRenderer createSequentialGraph ModelArchitectureRenderer ModelArchitectureRenderer.render ModelArchitectureRenderer.renderToCanvas ModelArchitectureRenderer.destroy LayerType ArchitectureNode ArchitectureEdge ArchitectureGraph ArchitectureOptions createNetworkGraphRenderer graphFromAdjacencyMatrix NetworkGraphRenderer NetworkGraphRenderer.render NetworkGraphRenderer.renderToCanvas NetworkGraphRenderer.destroy GraphNode GraphEdge GraphData NetworkGraphOptions createPointCloudRenderer PointCloudRenderer PointCloudRenderer.render PointCloudRenderer.renderToCanvas PointCloudRenderer.renderToTexture PointCloudRenderer.renderToBlob PointCloudRenderer.destroy Camera3D PointCloudOptions createSaliencyMapRenderer SaliencyMapRenderer SaliencyMapRenderer.render SaliencyMapRenderer.renderToCanvas SaliencyMapRenderer.destroy SaliencyColormap SaliencyMapData SaliencyMapOptions createSankeyRenderer SankeyRenderer SankeyRenderer.render SankeyRenderer.renderToCanvas SankeyRenderer.destroy SankeyNode SankeyLink SankeyData SankeyOptions createTrainingDashboard TrainingDashboard TrainingDashboard.log TrainingDashboard.logMetric TrainingDashboard.render TrainingDashboard.getMetrics TrainingDashboard.getMetric TrainingDashboard.getCurrentStep TrainingDashboard.clear TrainingDashboard.exportMetrics TrainingDashboard.importMetrics TrainingDashboard.destroy MetricPoint MetricSeries ChartPanelConfig DashboardLayout TrainingDashboardOptions TrainingSnapshot

torch.js· 2026

Legal Terms of Use Privacy Policy

/

/

docs
viz
viz
renderers
AttentionFlowRenderer
renderToCanvas

viz.renderers.AttentionFlowRenderer.renderToCanvas

AttentionFlowRenderer.renderToCanvas(attention: Tensor, canvas: HTMLCanvasElement, options: Omit<AttentionFlowOptions, 'target'> = {}): Promise<CanvasTarget>

Render directly to a canvas element.

Parameters

attentionTensor
canvasHTMLCanvasElement
optionsOmit<AttentionFlowOptions, 'target'>optional

Returns

Promise<CanvasTarget>

AttentionFlowRenderer.renderToBlob