json - Django d3.js in HTML file not loading unless I manually open HTML file -

-

i'm trying implement bubble chart on webpage using django framework , d3.js framework. have html file, , data stored in json file.

accessing json file seems fine, because when manually open html file in browser works/loads fine, however, when hit webpage url endpoint via django, d3 part of page shows blank (console says "node undefined"). using example code given here.

any appreciated. thanks.

d3 js code:

<script src="http://d3js.org/d3.v3.min.js"></script>  <div class="cloud"> <script>  var diameter = 960,     format = d3.format(",d"),     color = d3.scale.category20c();  var bubble = d3.layout.pack()     .sort(null)     .size([diameter, diameter])     .padding(1.5);  var svg = d3.select("body").append("svg")     .attr("width", diameter)     .attr("height", diameter)     .attr("class", "bubble");  d3.json("cloud.json", function(error, root) {   var node = svg.selectall(".node")       .data(bubble.nodes(classes(root))       .filter(function(d) { return !d.children; }))     .enter().append("g")       .attr("class", "node")       .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });    node.append("title")       .text(function(d) { return d.classname + ": " + format(d.value); });    node.append("circle")       .attr("r", function(d) { return d.r; })       .style("fill", function(d) { return color(d.packagename); });    node.append("text")       .attr("dy", ".3em")       .style("text-anchor", "middle")       .text(function(d) { return d.classname.substring(0, d.r / 3); }); });  // returns flattened hierarchy containing leaf nodes under root. function classes(root) {   var classes = [];    function recurse(name, node) {     if (node.children) node.children.foreach(function(child) { recurse(node.name, child); });     else classes.push({packagename: name, classname: node.name, value: node.size});   }    recurse(null, root);   return {children: classes}; }  d3.select(self.frameelement).style("height", diameter + "px");  </script>


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

[C++][SFML 2.2] Strange Performance Issues - Moving Mouse Lowers CPU Usage -

-
i've been working on making 2d map editor past 2 weeks or so, , i've run strange problem. trying optimize code, example, making functions should've been functions begin with, did made cpu usage go through roof. i've tried commenting out different sections of code thought culprits (scrolling, rendering, other calculations) no avail. think issue might trying call things within different functions, sake of making modular possible, i'd functionality. the other major change i've made since file i'm comparing i've ported variables external cpp file, since having variables global makes lot easier use within different functions. simple issue, can't life of me understand why happens. with original code, around 2-3% cpu usage. new code, around 20-35%, but, if move mouse around, it'll drop around 6-8%. tl;dr: after trying optimize code using functions, i've somehow killed performance, , found strange quirk moving mouse reduces cpu usage.. /...
Read more