#!/usr/bin/env python
# coding: utf-8

# In[7]:


from IPython.display import HTML, Javascript, display

def configure_d3():
    """Tell require where to get d3 from in `require(['d3'])`"""
    display(Javascript("""
    require.config({
      paths: {
        d3: "https://d3js.org/d3.v4.min"
      }
    })"""))


configure_d3()


# In[11]:


get_ipython().run_cell_magic('html', '', '<svg id="gohere"></svg>\n\n<script type="text/javascript">    \nrequire([\'d3\'], function (d3) {\n    var svg = d3.select("#gohere");\n\n  var circle = svg.append("circle")\n     .attr("cx", 100)\n     .attr("cy", 100)\n     .attr("r", 40)\n     .attr("fill", "blue")\n     .attr("stroke", "black");\n\n});\n</script>\n')