R/d3heatmap/shiny - d3のツールチップに画像を埋め込む方法はありますか？

Question

セルをスクロールするときにd3ツールチップに画像（デフォルトの行 - 列 - 値データではなく）を埋め込みたいと思います。

これを行うには

library(shiny) 
library(d3heatmap) 

ui <- shinyUI(fluidPage(

    titlePanel("Old Faithful Geyser Data"), 
mainPanel(
    d3heatmapOutput("out") 
) 
) 
) 

server <- shinyServer(function(input, output) { 

    output$out <- renderD3heatmap({ 
    d3heatmap(x = mtcars, 
      Colv = NULL, 
      scale= "column", 
      key = FALSE, 
      yaxis_font_size = "10pt", 
      xaxis_font_size = "10pt") 
}) 

}) 

shinyApp(ui = ui, server = server) 

Default Tooltip

1981 Toyota Carona

Answer 1

一つの方法は、BASE64であなたのイメージをエンコードし、その後d3heatmapするためにそれらのイメージの行列を渡すことです（...、cellnote =）

var tip = d3.tip() 
    .attr('class', 'd3heatmap-tip') 
    .html(function(d, i) { 
     return ('<img src="' + d.label + '"/>'); 
    })