def _add_graph_cell(self, fig_name):
"""Add a HTML table cell to hold the plot"""
div_js = """
<script>
var ilp_req = require.config( {
paths: {
"dygraph-sync": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/synchronizer") + """',
"dygraph": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/dygraph-combined") + """',
"ILinePlot": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/ILinePlot") + """',
"underscore": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/underscore-min") + """',
},
shim: {
"dygraph-sync": ["dygraph"],
"ILinePlot": {
"deps": ["dygraph-sync", "dygraph", "underscore"],
"exports": "ILinePlot"
}
}
});
ilp_req(["require", "ILinePlot"], function() {
ILinePlot.generate('""" + fig_name + """', '""" + IPythonConf.add_web_base("") + """');
});
</script>
"""
cell = '<td style="border-style: hidden;"><div class="ilineplot" id="{}">{}</div></td>'.format(fig_name, div_js)
self._html.append(cell)
def _init_html(self):
"""Initialize HTML for the plot"""
div_js = """
<script>
var req = require.config( {
paths: {
"EventPlot": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/EventPlot") + """',
"d3-tip": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.tip.v0.6.3") + """',
"d3-plotter": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.min") + """'
},
shim: {
"d3-plotter" : {
"exports" : "d3"
},
"d3-tip": ["d3-plotter"],
"EventPlot": {
"deps": ["d3-tip", "d3-plotter" ],
"exports": "EventPlot"
}
}
});
req(["require", "EventPlot"], function() {
EventPlot.generate('""" + self._fig_name + """', '""" + IPythonConf.add_web_base("") + """');
});
</script>
"""
self._html.append(
'<div id="{}" class="eventplot">{}</div>'.format(self._fig_name,
div_js))
def change_resource_paths(txt):
"""Change the resource paths from local to
Web URLs
"""
# Replace the path for d3-tip
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.tip.v0.6.3"),
"http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.v3.min"),
"http://d3js.org/d3.v3.min")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/EventPlot/EventPlot"),
"https://rawgit.com/sinkap/7f89de3e558856b81f10/raw/46144f8f8c5da670c54f826f0c634762107afc66/EventPlot")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/synchronizer"),
"http://dygraphs.com/extras/synchronizer")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/dygraph-combined"),
"http://cdnjs.cloudflare.com/ajax/libs/dygraph/1.1.1/dygraph-combined")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/ILinePlot"),
"https://rawgit.com/sinkap/648927dfd6985d4540a9/raw/69d6f1f9031ae3624c15707315ce04be1a9d1ac3/ILinePlot")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/underscore-min"),
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min")
logging.info("Updated Library Paths...")
return txt
def change_resource_paths(txt):
"""Change the resource paths from local to
Web URLs
"""
# Replace the path for d3-tip
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.tip.v0.6.3"),
IPythonConf.D3_TIP_URL)
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.v3.min"),
IPythonConf.D3_PLOTTER_URL)
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/EventPlot/EventPlot"),
"https://rawgit.com/sinkap/7f89de3e558856b81f10/raw/46144f8f8c5da670c54f826f0c634762107afc66/EventPlot")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/synchronizer"),
IPythonConf.DYGRAPH_SYNC_URL)
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/dygraph-combined"),
IPythonConf.DYGRAPH_COMBINED_URL)
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/ILinePlot"),
"https://rawgit.com/sinkap/648927dfd6985d4540a9/raw/69d6f1f9031ae3624c15707315ce04be1a9d1ac3/ILinePlot")
txt = txt.replace(
IPythonConf.add_web_base("plotter_scripts/ILinePlot/underscore-min"),
IPythonConf.UNDERSCORE_URL)
logging.info("Updated Library Paths...")
return txt
def _init_html(self):
"""Initialize HTML for the plot"""
div_js = ''
for url in [IPythonConf.D3_PLOTTER_URL, IPythonConf.D3_TIP_URL]:
div_js += '<!-- TRAPPY_PUBLISH_SOURCE_LIB = "{}" -->\n'.format(url)
div_js += """
<script>
/* TRAPPY_PUBLISH_IMPORT = "plotter/js/EventPlot.js" */
/* TRAPPY_PUBLISH_REMOVE_START */
var req = require.config( {
paths: {
"EventPlot": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/EventPlot") + """',
"d3-tip": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.tip.v0.6.3") + """',
"d3-plotter": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.min") + """'
},
waitSeconds: 15,
shim: {
"d3-plotter" : {
"exports" : "d3"
},
"d3-tip": ["d3-plotter"],
"EventPlot": {
"deps": ["d3-tip", "d3-plotter" ],
"exports": "EventPlot"
}
}
});
/* TRAPPY_PUBLISH_REMOVE_STOP */
"""
div_js += """
req(["require", "EventPlot"], function() { /* TRAPPY_PUBLISH_REMOVE_LINE */
EventPlot.generate('""" + self._fig_name + "', '" + IPythonConf.add_web_base("") + "', " + self._data + """);
}); /* TRAPPY_PUBLISH_REMOVE_LINE */
</script>
"""
self._html.append(
'<div id="{}" class="eventplot">\n{}</div>'.format(self._fig_name,
div_js))
def _init_html(self):
"""Initialize HTML for the plot"""
div_js = ''
for url in [IPythonConf.D3_PLOTTER_URL, IPythonConf.D3_TIP_URL]:
div_js += '<!-- TRAPPY_PUBLISH_SOURCE_LIB = "{}" -->\n'.format(url)
div_js += """
<script>
/* TRAPPY_PUBLISH_IMPORT = "plotter/js/EventPlot.js" */
/* TRAPPY_PUBLISH_REMOVE_START */
var req = require.config( {
paths: {
"EventPlot": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/EventPlot") + """',
"d3-tip": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.tip.v0.6.3") + """',
"d3-plotter": '""" + IPythonConf.add_web_base("plotter_scripts/EventPlot/d3.min") + """'
},
waitSeconds: 15,
shim: {
"d3-plotter" : {
"exports" : "d3"
},
"d3-tip": ["d3-plotter"],
"EventPlot": {
"deps": ["d3-tip", "d3-plotter" ],
"exports": "EventPlot"
}
}
});
/* TRAPPY_PUBLISH_REMOVE_STOP */
"""
div_js += """
req(["require", "EventPlot"], function() { /* TRAPPY_PUBLISH_REMOVE_LINE */
EventPlot.generate('""" + self._fig_name + "', '" + IPythonConf.add_web_base("") + "', " + self._data + """);
}); /* TRAPPY_PUBLISH_REMOVE_LINE */
</script>
"""
self._html.append(
'<div id="{}" class="eventplot">\n{}</div>'.format(self._fig_name,
div_js))
def _add_graph_cell(self, fig_name, color_map):
"""Add a HTML table cell to hold the plot"""
colors_opt_arg = ", " + to_dygraph_colors(color_map) if color_map else ""
graph_js = ''
lib_urls = [IPythonConf.DYGRAPH_COMBINED_URL, IPythonConf.DYGRAPH_SYNC_URL,
IPythonConf.UNDERSCORE_URL]
for url in lib_urls:
graph_js += '<!-- TRAPPY_PUBLISH_SOURCE_LIB = "{}" -->\n'.format(url)
graph_js += """
<script>
/* TRAPPY_PUBLISH_IMPORT = "plotter/js/ILinePlot.js" */
/* TRAPPY_PUBLISH_REMOVE_START */
var ilp_req = require.config( {
paths: {
"dygraph-sync": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/synchronizer") + """',
"dygraph": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/dygraph-combined") + """',
"ILinePlot": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/ILinePlot") + """',
"underscore": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/underscore-min") + """',
},
shim: {
"dygraph-sync": ["dygraph"],
"ILinePlot": {
"deps": ["dygraph-sync", "dygraph", "underscore"],
"exports": "ILinePlot"
}
}
});
/* TRAPPY_PUBLISH_REMOVE_STOP */
ilp_req(["require", "ILinePlot"], function() { /* TRAPPY_PUBLISH_REMOVE_LINE */
ILinePlot.generate(""" + fig_name + "_data" + colors_opt_arg + """);
}); /* TRAPPY_PUBLISH_REMOVE_LINE */
</script>
"""
cell = '<td style="border-style: hidden;"><div class="ilineplot" id="{}"></div></td>'.format(fig_name)
self._html.append(cell)
self._js.append(graph_js)
def _add_graph_cell(self, fig_name, color_map):
"""Add a HTML table cell to hold the plot"""
colors_opt_arg = ", " + to_dygraph_colors(color_map) if color_map else ""
graph_js = ''
lib_urls = [IPythonConf.DYGRAPH_COMBINED_URL, IPythonConf.DYGRAPH_SYNC_URL,
IPythonConf.UNDERSCORE_URL]
for url in lib_urls:
graph_js += '<!-- TRAPPY_PUBLISH_SOURCE_LIB = "{}" -->\n'.format(url)
graph_js += """
<script>
/* TRAPPY_PUBLISH_IMPORT = "plotter/js/ILinePlot.js" */
/* TRAPPY_PUBLISH_REMOVE_START */
var ilp_req = require.config( {
paths: {
"dygraph-sync": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/synchronizer") + """',
"dygraph": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/dygraph-combined") + """',
"ILinePlot": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/ILinePlot") + """',
"underscore": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/underscore-min") + """',
},
shim: {
"dygraph-sync": ["dygraph"],
"ILinePlot": {
"deps": ["dygraph-sync", "dygraph", "underscore"],
"exports": "ILinePlot"
}
}
});
/* TRAPPY_PUBLISH_REMOVE_STOP */
ilp_req(["require", "ILinePlot"], function() { /* TRAPPY_PUBLISH_REMOVE_LINE */
ILinePlot.generate(""" + fig_name + "_data" + colors_opt_arg + """);
}); /* TRAPPY_PUBLISH_REMOVE_LINE */
</script>
"""
cell = '<td style="border-style: hidden;"><div class="ilineplot" id="{}"></div></td>'.format(fig_name)
self._html.append(cell)
self._js.append(graph_js)
def _init_html(self):
"""Initialize HTML for the plot"""
div_js = """
<script>
var req = require.config( {
paths: {
"EventPlot": '""" + IPythonConf.add_web_base(
"plotter_scripts/EventPlot/EventPlot") + """',
"d3-tip": '""" + IPythonConf.add_web_base(
"plotter_scripts/EventPlot/d3.tip.v0.6.3") + """',
"d3-plotter": '""" + IPythonConf.add_web_base(
"plotter_scripts/EventPlot/d3.v3.min") + """'
},
shim: {
"d3-plotter" : {
"exports" : "d3"
},
"d3-tip": ["d3-plotter"],
"EventPlot": {
"deps": ["d3-tip", "d3-plotter" ],
"exports": "EventPlot"
}
}
});
req(["require", "EventPlot"], function() {
EventPlot.generate('""" + self._fig_name + """', '""" + IPythonConf.add_web_base(
"") + """');
});
</script>
"""
self._html.append('<div id="{}" class="eventplot">{}</div>'.format(
self._fig_name, div_js))
def _add_graph_cell(self, fig_name):
"""Add a HTML table cell to hold the plot"""
width = int(self._attr["width"] / self._cols)
div_js = """
<script>
var ilp_req = require.config( {
paths: {
"dygraph-sync": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/synchronizer") + """',
"dygraph": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/dygraph-combined") + """',
"ILinePlot": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/ILinePlot") + """',
"underscore": '""" + IPythonConf.add_web_base("plotter_scripts/ILinePlot/underscore-min") + """',
},
shim: {
"dygraph-sync": ["dygraph"],
"ILinePlot": {
"deps": ["dygraph-sync", "dygraph", "underscore"],
"exports": "ILinePlot"
}
}
});
ilp_req(["require", "ILinePlot"], function() {
ILinePlot.generate('""" + fig_name + """', '""" + IPythonConf.add_web_base("") + """');
});
</script>
"""
cell = '<td style="border-style: hidden;"><div class="ilineplot" id="{0}" style="width: \
{1}px; height: {2}px;">{3}</div></td>'.format(fig_name,
width,
self._attr["height"], div_js)
self._html.append(cell)
