JSFiddle - React, Tailwind, and code Playground

by ramnathv

JavaScript

/*
d3.json("https://api.github.com/gists/227d9885945886c26b6f", function(error, gist){
  console.log(gist.files)
  var thumb = gist.files["test.png"]
  d3.select('#image')
    .attr("src",  "data:image/png;base64," + thumb.content)
    .attr("width", "150px")
    .attr("height", "200px")  
})
*/

d3.json("https://api.github.com/gists/227d9885945886c26b6f",   
  display_image("body", {
    file: "test.png", width: "200px"
  })
)



function display_image(el, img){
    return function(error, gist){
      var thumb = gist.files[img.file]
      return d3.select(el).append('img')
        .attr('src', "data:image/png;base64," + thumb.content)
        .attr("width", img.width || "150px")
        .attr("height", img.height || "200px")
    }
}