Mixing
d3 ParCoords viz not rendering
0
https://jsfiddle.net/jw7wc650/10/
I see the html parts working but not the Parallel coordinates visualization...
My code worked with a blank html page (originally in python, & the code/viz work/render there) but so far I've not been able to render the par coords in a jupyter notebook.
var sales_data = $s_data_python ;
d3.csv(sales_data, function(data) {
//var parseDate = d3.time.format("%m/%d/%Y %H:%M:%S %p").parse;
sales = data.map( function(data) { return {
unit: data["Unit Booked"],
});
});
In my notebook I tried turning this into a function called js_template and then calling the following 3 cells:
# Now let’s make a template for the html string
html_template = Template('''
<style> $css_text </style>
<div id="graph-div"></div>
<script> $js_text </script>
''')
js_text = js_template.substitute({'s_data_python': data,
'graphdiv': 'graph-div'})
# let's make the template real
HTML(html_template.substitute({'css_text': css_template,
'js_text': js_text}))
At which point I get
Javascript error adding output!
ReferenceError: nan is not defined
See your browser Javascript console for more details.
The full stacktrace in the console doesn't seem terribly useful either:
ReferenceError: nan is not defined
Stack trace:
@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d line 4 > eval:14:157
globalEval@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:4231
domManip@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:21389
append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:18980
OutputArea.prototype._safe_append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29418:17
OutputArea.prototype.append_execute_result@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29455:9
OutputArea.prototype.append_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29288:17
OutputArea.prototype.handle_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29219:9
output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:31038:21
Kernel.prototype._handle_output_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32796:13
i@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:5486
Kernel.prototype._handle_iopub_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32823:20
Kernel.prototype._finish_ws_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32615:24
Kernel.prototype._handle_ws_message/this._msg_queue<@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32606:39
For reference, I tried using to do this: https://medium.com/@stallonejacob/d3-in-juypter-notebook-685d6dca75c8
d3.js referenceerror
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
add a comment |
0
https://jsfiddle.net/jw7wc650/10/
I see the html parts working but not the Parallel coordinates visualization...
My code worked with a blank html page (originally in python, & the code/viz work/render there) but so far I've not been able to render the par coords in a jupyter notebook.
var sales_data = $s_data_python ;
d3.csv(sales_data, function(data) {
//var parseDate = d3.time.format("%m/%d/%Y %H:%M:%S %p").parse;
sales = data.map( function(data) { return {
unit: data["Unit Booked"],
});
});
In my notebook I tried turning this into a function called js_template and then calling the following 3 cells:
# Now let’s make a template for the html string
html_template = Template('''
<style> $css_text </style>
<div id="graph-div"></div>
<script> $js_text </script>
''')
js_text = js_template.substitute({'s_data_python': data,
'graphdiv': 'graph-div'})
# let's make the template real
HTML(html_template.substitute({'css_text': css_template,
'js_text': js_text}))
At which point I get
Javascript error adding output!
ReferenceError: nan is not defined
See your browser Javascript console for more details.
The full stacktrace in the console doesn't seem terribly useful either:
ReferenceError: nan is not defined
Stack trace:
@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d line 4 > eval:14:157
globalEval@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:4231
domManip@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:21389
append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:18980
OutputArea.prototype._safe_append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29418:17
OutputArea.prototype.append_execute_result@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29455:9
OutputArea.prototype.append_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29288:17
OutputArea.prototype.handle_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29219:9
output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:31038:21
Kernel.prototype._handle_output_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32796:13
i@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:5486
Kernel.prototype._handle_iopub_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32823:20
Kernel.prototype._finish_ws_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32615:24
Kernel.prototype._handle_ws_message/this._msg_queue<@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32606:39
For reference, I tried using to do this: https://medium.com/@stallonejacob/d3-in-juypter-notebook-685d6dca75c8
d3.js referenceerror
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
add a comment |
0
0
0
https://jsfiddle.net/jw7wc650/10/
I see the html parts working but not the Parallel coordinates visualization...
My code worked with a blank html page (originally in python, & the code/viz work/render there) but so far I've not been able to render the par coords in a jupyter notebook.
var sales_data = $s_data_python ;
d3.csv(sales_data, function(data) {
//var parseDate = d3.time.format("%m/%d/%Y %H:%M:%S %p").parse;
sales = data.map( function(data) { return {
unit: data["Unit Booked"],
});
});
In my notebook I tried turning this into a function called js_template and then calling the following 3 cells:
# Now let’s make a template for the html string
html_template = Template('''
<style> $css_text </style>
<div id="graph-div"></div>
<script> $js_text </script>
''')
js_text = js_template.substitute({'s_data_python': data,
'graphdiv': 'graph-div'})
# let's make the template real
HTML(html_template.substitute({'css_text': css_template,
'js_text': js_text}))
At which point I get
Javascript error adding output!
ReferenceError: nan is not defined
See your browser Javascript console for more details.
The full stacktrace in the console doesn't seem terribly useful either:
ReferenceError: nan is not defined
Stack trace:
@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d line 4 > eval:14:157
globalEval@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:4231
domManip@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:21389
append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:18980
OutputArea.prototype._safe_append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29418:17
OutputArea.prototype.append_execute_result@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29455:9
OutputArea.prototype.append_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29288:17
OutputArea.prototype.handle_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29219:9
output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:31038:21
Kernel.prototype._handle_output_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32796:13
i@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:5486
Kernel.prototype._handle_iopub_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32823:20
Kernel.prototype._finish_ws_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32615:24
Kernel.prototype._handle_ws_message/this._msg_queue<@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32606:39
For reference, I tried using to do this: https://medium.com/@stallonejacob/d3-in-juypter-notebook-685d6dca75c8
d3.js referenceerror
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
https://jsfiddle.net/jw7wc650/10/
I see the html parts working but not the Parallel coordinates visualization...
My code worked with a blank html page (originally in python, & the code/viz work/render there) but so far I've not been able to render the par coords in a jupyter notebook.
var sales_data = $s_data_python ;
d3.csv(sales_data, function(data) {
//var parseDate = d3.time.format("%m/%d/%Y %H:%M:%S %p").parse;
sales = data.map( function(data) { return {
unit: data["Unit Booked"],
});
});
In my notebook I tried turning this into a function called js_template and then calling the following 3 cells:
# Now let’s make a template for the html string
html_template = Template('''
<style> $css_text </style>
<div id="graph-div"></div>
<script> $js_text </script>
''')
js_text = js_template.substitute({'s_data_python': data,
'graphdiv': 'graph-div'})
# let's make the template real
HTML(html_template.substitute({'css_text': css_template,
'js_text': js_text}))
At which point I get
Javascript error adding output!
ReferenceError: nan is not defined
See your browser Javascript console for more details.
The full stacktrace in the console doesn't seem terribly useful either:
ReferenceError: nan is not defined
Stack trace:
@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d line 4 > eval:14:157
globalEval@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:4231
domManip@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:21389
append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:5:18980
OutputArea.prototype._safe_append@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29418:17
OutputArea.prototype.append_execute_result@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29455:9
OutputArea.prototype.append_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29288:17
OutputArea.prototype.handle_output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:29219:9
output@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:31038:21
Kernel.prototype._handle_output_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32796:13
i@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:4:5486
Kernel.prototype._handle_iopub_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32823:20
Kernel.prototype._finish_ws_message@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32615:24
Kernel.prototype._handle_ws_message/this._msg_queue<@http://0.0.0.0:8080/static/notebook/js/main.min.js?v=e668f0463f94c07b6ae316d94271c38d:32606:39
For reference, I tried using to do this: https://medium.com/@stallonejacob/d3-in-juypter-notebook-685d6dca75c8
d3.js referenceerror
d3.js referenceerror
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
edited Jan 1 at 7:04
Frederic Bastiat
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
asked Dec 31 '18 at 1:45
Frederic BastiatFrederic Bastiat
348316
348316
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53982872%2fd3-parcoords-viz-not-rendering%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53982872%2fd3-parcoords-viz-not-rendering%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
