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
  3. viz
  5. viz
  7. renderers

viz.renderers

Functions

  • createAttentionFlowRenderer - Create a new AttentionFlowRenderer instance.
  • computeBoxPlotStats - Compute box plot statistics from raw data.
  • createBoxPlotRenderer - Create a new BoxPlotRenderer instance.
  • createConfusionMatrixRenderer - Create a new ConfusionMatrixRenderer instance.
  • computeConfusionMatrix - Compute confusion matrix from predictions and ground truth.
  • computeROCCurve - Compute ROC curve from predictions and labels.
  • computePRCurve - Compute Precision-Recall curve from predictions and labels.
  • createCurveRenderer - Create a new CurveRenderer instance.
  • createDendrogramRenderer - Create a new DendrogramRenderer instance.
  • createEmbeddingRenderer - Create a new EmbeddingRenderer instance.
  • createFeatureMapGridRenderer - Create a new FeatureMapGridRenderer instance.
  • createGradientFlowRenderer - Create a new GradientFlowRenderer instance.
  • createHeatmapRenderer - Create a new HeatmapRenderer instance.
  • createHistogramRenderer - Create a new HistogramRenderer instance.
  • createKernelGridRenderer - Create a new KernelGridRenderer instance.
  • createLineChartRenderer - Create a new LineChartRenderer instance.
  • createStreamingLineChart - Create a new StreamingLineChart instance.
  • createModelArchitectureRenderer - Create a new ModelArchitectureRenderer instance.
  • createSequentialGraph - Helper to create an architecture graph from a simple layer list.
  • createNetworkGraphRenderer - Create a new NetworkGraphRenderer instance.
  • graphFromAdjacencyMatrix - Create a graph from an adjacency matrix.
  • createPointCloudRenderer - Create a new PointCloudRenderer instance.
  • createSaliencyMapRenderer - Create a new SaliencyMapRenderer instance.
  • createSankeyRenderer - Create a new SankeyRenderer instance.
  • createTrainingDashboard - Create a new TrainingDashboard instance.

AttentionFlowRenderer

  • render - Render attention patterns as flowing arcs.
  • renderToCanvas - Render directly to a canvas element.
  • renderToBlob - Render and export to Blob.
  • destroy - Clean up GPU resources.

BoxPlotRenderer

  • render - Render box plots.
  • renderToCanvas - Render directly to a canvas element.
  • destroy - Clean up resources.

ConfusionMatrixRenderer

  • render - Render confusion matrix from a 2D tensor [num_classes, num_classes].
  • renderToCanvas - Render to canvas.
  • destroy - Clean up GPU resources.

CurveRenderer

  • renderROC - Render ROC curve(s).
  • renderPR - Render Precision-Recall curve(s).
  • renderROCToCanvas - Render directly to a canvas element.
  • renderPRToCanvas - Render PR curve to a canvas element.
  • renderROCToBlob - Render ROC curve and export to Blob.
  • destroy - Clean up GPU resources.

DendrogramRenderer

  • render - Render a dendrogram.
  • renderToCanvas - Render directly to a canvas element.
  • destroy - Clean up resources.

EmbeddingRenderer

  • render - Render embedding points with colors.
  • renderPCA - Render a PCA result.
  • renderTSNE - Render a t-SNE result.
  • renderKMeans - Render KMeans clustering result with provided 2D/3D positions.
  • renderToCanvas - Render directly to a canvas element.
  • renderToTexture - Render to an offscreen texture.
  • renderToBlob - Render and export directly to a Blob.
  • destroy - Clean up GPU resources.

FeatureMapGridRenderer

  • render - Render a 3D tensor as a grid of 2D feature maps.
  • renderAutoRange - Render with automatic min/max range computation.
  • renderToCanvasAutoRange - Render directly to a canvas element with auto-range.
  • renderToBlob - Render and export to Blob with auto-range.
  • destroy - Clean up GPU resources.

GradientFlowRenderer

  • render - Render gradient flow visualization.
  • renderToCanvas - Render to canvas.
  • destroy - Clean up resources.

HeatmapRenderer

  • render - Render a 2D tensor as a heatmap.
  • renderAutoRange - Render with automatic min/max range computation.
  • renderToCanvas - Render directly to a canvas element.
  • renderToCanvasAutoRange - Render to canvas with automatic min/max range computation.
  • renderToTexture - Render to an offscreen texture for chaining or further processing.
  • renderToBlob - Render and export directly to a Blob.
  • renderToDataURL - Render and export directly to a data URL.
  • destroy - Clean up GPU resources.

HistogramRenderer

  • render - Render histogram from a 1D tensor.
  • renderFromHistogram - Render from pre-computed histogram result.
  • renderToCanvas - Render to canvas with text overlay.
  • destroy - Clean up GPU resources.

KernelGridRenderer

  • render - Render kernel grid.
  • renderToCanvas - Render to canvas.
  • destroy - Clean up resources.

LineChartRenderer

  • render - Render a line chart from series data.
  • renderToCanvas - Render directly to a canvas element.
  • renderToTexture - Render to texture.
  • renderToBlob - Render and export to Blob.
  • destroy - Clean up GPU resources.

StreamingLineChart

  • append - Append new values to all series.
  • appendToSeries - Append a single value to a specific series.
  • clear - Clear all data.
  • renderToCanvas - Render to a canvas element.
  • render - Render and return target.
  • destroy - Clean up resources.

ModelArchitectureRenderer

  • render - Render an architecture graph.
  • renderToCanvas - Render directly to a canvas element.
  • destroy - Clean up resources.

NetworkGraphRenderer

  • render - Render a network graph.
  • renderToCanvas - Render directly to a canvas element.
  • destroy - Clean up resources.

PointCloudRenderer

  • render - Render embedding points as a scatter plot.
  • renderToCanvas - Render directly to a canvas element.
  • renderToTexture - Render to an offscreen texture.
  • renderToBlob - Render and export directly to a Blob.
  • destroy - Clean up GPU resources.

SaliencyMapRenderer

  • render - Render saliency map overlay.
  • renderToCanvas - Render to canvas.
  • destroy - Clean up resources.

SankeyRenderer

  • render - Render a Sankey diagram.
  • renderToCanvas - Render directly to a canvas element.
  • destroy - Clean up resources.

TrainingDashboard

  • log - Log a training snapshot.
  • logMetric - Log a single metric value.
  • render - Render the dashboard.
  • getMetrics - Get all logged metrics.
  • getMetric - Get a specific metric's values.
  • getCurrentStep - Get the current step.
  • clear - Clear all metrics.
  • exportMetrics - Export metrics to JSON.
  • importMetrics - Import metrics from JSON.
  • destroy - Clean up resources.

Types

  • AttentionFlowOptions -
  • BoxPlotStats - Statistics for a single box plot.
  • BoxPlotOptions - Options for box plot rendering.
  • NormalizationMode -
  • ConfusionMatrixOptions -
  • CurveType - Type of curve to render.
  • CurvePoint - Point on a curve.
  • CurveData - A single curve with metadata.
  • CurveResult - Result from curve computation.
  • CurveOptions - Options for curve rendering.
  • DendrogramOptions - Options for dendrogram rendering.
  • EmbeddingColorMode - Color mode for embedding points.
  • LegendPosition - Legend position for the visualization.
  • EmbeddingCamera - 3D camera settings for embedding visualization.
  • CategoryLabel - Category label for legend display.
  • EmbeddingOptions - Options for EmbeddingRenderer.
  • EmbeddingRenderResult - Result from rendering, includes metadata for interaction.
  • FeatureMapGridOptions -
  • LayerGradientStats -
  • GradientFlowOptions -
  • HeatmapOptions -
  • HistogramOptions -
  • KernelGridOptions -
  • SeriesColor - Color for a line series [r, g, b, a] with values 0-1
  • LineChartSeries -
  • LineChartOptions -
  • LayerType - Type of layer/operation.
  • ArchitectureNode - A single node in the architecture graph.
  • ArchitectureEdge - Edge connecting two nodes.
  • ArchitectureGraph - Complete architecture graph.
  • ArchitectureOptions - Options for architecture rendering.
  • GraphNode - A node in the network graph.
  • GraphEdge - An edge in the network graph.
  • GraphData - Complete graph data structure.
  • NetworkGraphOptions - Options for network graph rendering.
  • Camera3D -
  • PointCloudOptions -
  • SaliencyColormap -
  • SaliencyMapData - Data for saliency map visualization
  • SaliencyMapOptions -
  • SankeyNode - A node in the Sankey diagram.
  • SankeyLink - A link (flow) in the Sankey diagram.
  • SankeyData - Complete Sankey diagram data.
  • SankeyOptions - Options for Sankey diagram rendering.
  • MetricPoint - Single data point for a metric.
  • MetricSeries - A tracked metric over time.
  • ChartPanelConfig - Configuration for a single chart panel.
  • DashboardLayout - Layout for the dashboard.
  • TrainingDashboardOptions - Options for TrainingDashboard.
  • TrainingSnapshot - Snapshot of training state for logging.