In [7]:
from IPython.core.display import HTML
HTML("""
<div id="object_draw" style="width: 800px; height:600px"></div>
<script>
// Create DIV
var divName = 'object_draw';

// Draw object
require(['https://root.cern.ch/js/3.4/scripts/JSRootCore.min.js'],
        function() {
            require(['https://root.cern.ch/js/3.4/scripts/d3.v3.min.js'],
                function() {
                    require(['https://root.cern.ch/js/3.4/scripts/JSRootPainter.min.js'],
                        function() {
define.amd = null;
JSROOT.source_dir = "https://root.cern.ch/js/3.4/";
var obj = JSROOT.parse('{"_typename":"TH1F","fUniqueID":0,"fBits":50331656,"fName":"h1","fTitle":"IPython histogram","fLineColor":602,"fLineStyle":1,"fLineWidth":1,"fFillColor":0,"fFillStyle":1001,"fMarkerColor":1,"fMarkerStyle":1,"fMarkerSize":1,"fNcells":102,"fXaxis":{"_typename":"TAxis","fUniqueID":0,"fBits":50331648,"fName":"xaxis","fTitle":"","fNdivisions":510,"fAxisColor":1,"fLabelColor":1,"fLabelFont":42,"fLabelOffset":5.000000e-03,"fLabelSize":3.500000e-02,"fTickLength":3.000000e-02,"fTitleOffset":1,"fTitleSize":3.500000e-02,"fTitleColor":1,"fTitleFont":42,"fNbins":100,"fXmin":0,"fXmax":10,"fXbins":[],"fFirst":0,"fLast":0,"fBits2":0,"fTimeDisplay":false,"fTimeFormat":"","fLabels":null},"fYaxis":{"_typename":"TAxis","fUniqueID":0,"fBits":50331648,"fName":"yaxis","fTitle":"","fNdivisions":510,"fAxisColor":1,"fLabelColor":1,"fLabelFont":42,"fLabelOffset":5.000000e-03,"fLabelSize":3.500000e-02,"fTickLength":3.000000e-02,"fTitleOffset":1,"fTitleSize":3.500000e-02,"fTitleColor":1,"fTitleFont":42,"fNbins":1,"fXmin":0,"fXmax":1,"fXbins":[],"fFirst":0,"fLast":0,"fBits2":0,"fTimeDisplay":false,"fTimeFormat":"","fLabels":null},"fZaxis":{"_typename":"TAxis","fUniqueID":0,"fBits":50331648,"fName":"zaxis","fTitle":"","fNdivisions":510,"fAxisColor":1,"fLabelColor":1,"fLabelFont":42,"fLabelOffset":5.000000e-03,"fLabelSize":3.500000e-02,"fTickLength":3.000000e-02,"fTitleOffset":1,"fTitleSize":3.500000e-02,"fTitleColor":1,"fTitleFont":42,"fNbins":1,"fXmin":0,"fXmax":1,"fXbins":[],"fFirst":0,"fLast":0,"fBits2":0,"fTimeDisplay":false,"fTimeFormat":"","fLabels":null},"fBarOffset":0,"fBarWidth":1000,"fEntries":10000,"fTsumw":10000,"fTsumw2":10000,"fTsumwx":8.039666e+03,"fTsumwx2":1.017591e+04,"fMaximum":-1111,"fMinimum":-1111,"fNormFactor":0,"fContour":[],"fSumw2":[],"fOption":"","fFunctions":{"_typename":"TList","name":"TList","arr":[],"opt":[]},"fBufferSize":0,"fBuffer":[],"fBinStatErrOpt":0,"fArray":[0,780,784,759,733,742,694,659,616,555,541,433,396,347,319,269,250,191,168,159,114,115,82,65,53,40,36,21,20,20,10,7,9,3,0,3,1,2,1,0,1,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]}');
JSROOT.draw(divName, obj, "");
                        }
                    );
                }
            );
        }
);
</script>
""")


Out[7]:

In [ ]: