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
animatelerplerpArraylerpFloat32ArraytransitionNumbertransitionArraytransitionFloat32ArraycreateAnimationLoopsequenceparallelanimateAsyncdebouncethrottleEasingFunctionAnimationOptionsTransitionOptionscreateInteractiveCanvasInteractiveCanvasInteractiveCanvas.resetViewInteractiveCanvas.getTransformInteractiveCanvas.setTransformInteractiveCanvas.zoomToRectInteractiveCanvas.destroyHitTesterHitTester.clearHitTester.addRegionHitTester.addRegionsHitTester.hitTestHitTester.hitTestAllViewTransformTooltipDataSelectionRectClickDataInteractiveCanvasOptionsHitRegioncreateCanvasTargetcreateTextureTargetCanvasTargetTextureTargetExportFormatRenderTargetcomputeNiceTicksdefaultTickFormatcreateTextOverlayTextOverlayTextOverlay.clearTextOverlay.drawTextTextOverlay.drawLineTextOverlay.drawXAxisTextOverlay.drawYAxisTextOverlay.drawTitleTextOverlay.drawLegendTextOverlay.getCanvasTextOverlay.resizeTextOverlay.compositeToTextStyleAxisConfigChartAxescreateThumbnailGeneratorgenerateThumbnailThumbnailGeneratorThumbnailGenerator.generateThumbnailGenerator.generateBlobThumbnailGenerator.generateDataURLThumbnailGenerator.destroyThumbnailOptionscreateCanvasTooltipcreateDOMTooltipCanvasTooltipCanvasTooltip.showCanvasTooltip.hideCanvasTooltip.updatePositionCanvasTooltip.renderCanvasTooltip.setOptionsCanvasTooltip.isVisibleCanvasTooltip.destroyDOMTooltipDOMTooltip.showDOMTooltip.hideDOMTooltip.isVisibleDOMTooltip.destroyTooltipPositionTooltipContentTooltipOptionsgetSharedDevicegetPreferredFormatconfigureCanvascreateRenderPipeline
torch.js· 2026
LegalTerms of UsePrivacy Policy
/
/
  1. docs
  2. viz
  3. viz
  4. core
  5. CanvasTooltip

viz.core.CanvasTooltip

class CanvasTooltip
new CanvasTooltip(canvas: HTMLCanvasElement, options: TooltipOptions = {})

Canvas-based tooltip renderer.

Renders tooltips directly onto a canvas overlay, making it suitable for WebGPU visualizations that don't use DOM elements.

Examples

const tooltip = new CanvasTooltip(canvas, {
  backgroundColor: 'rgba(0, 0, 0, 0.9)',
  position: 'top',
});

// On mouse move
canvas.addEventListener('mousemove', (e) => {
  const data = getDataAtPoint(e.offsetX, e.offsetY);
  if (data) {
    tooltip.show(e.offsetX, e.offsetY, {
      title: data.label,
      rows: [
        { label: 'Value', value: data.value.toFixed(2) },
        { label: 'Index', value: data.index },
      ],
    });
  } else {
    tooltip.hide();
  }
});
Previous
CanvasTarget
Next
CanvasTooltip.destroy