import IPython.core.display
%load_ext autoreload
%autoreload 2
html_src = """
Simple D3 plot
"""
test_d3_js = """
var width = 600;
var height = 100;
var root = d3.select('#chart').append('svg')
.attr({
'width': width,
'height': height,
})
.style('border', '1px solid black');
var evenNumbers = [0, 2, 4, 6, 8, 10];
var maxDataValue = d3.max(evenNumbers);
var barHeight = height / evenNumbers.length;
var barWidth = function(datum) {
return datum * (width / maxDataValue);
};
var barX = 0;
var barY = function(datum, index) {
return index * barHeight;
};
root.selectAll('rect.number')
.data(evenNumbers).enter()
.append('rect')
.attr({
'class': 'number',
'x': barX,
'y': barY,
'width': barWidth,
'height': barHeight,
'fill': '#A6D854',
'stroke': '#444',
});
"""
js_libs = ['http://rawgithub.com/mbostock/d3/master/d3.min.js']
IPython.core.display.display_html(IPython.core.display.HTML(data=html_src))
IPython.core.display.display_javascript( IPython.core.display.Javascript(data=test_d3_js,
lib= js_libs))
test_nvd3_js = '''
'''
html_src_nvd3 = """
Discrete Bar Chart
"""
js_libs = ['http://rawgithub.com/mbostock/d3/master/d3.min.js',
'http://rawgithub.com/novus/nvd3/master/nv.d3.min.js' ]
css_style_sheets = ['http://rawgithub.com/novus/nvd3/master/nv.d3.css']
IPython.core.display.display_html(IPython.core.display.HTML(data=html_src_nvd3))
IPython.core.display.display_javascript( IPython.core.display.Javascript(data=test_d3_js,
lib= js_libs,
css = css_style_sheets))
html_text = '''
discreteBarChart