For anyone who got to this question because all you want to do is remove the two end ticks from an axis, this will do the trick: .outerTickSize(0) Add that to any axis call you make, such as: d3.svg.axis().outerTickSize(0)
In your particular case you can simply use d to position the tooltip, i.e. tooltip.html(d) .style(“left”, d + “px”) .style(“top”, d + “px”); To make this a bit more general, you can select the element that is being moused over and get its coordinates to position the tooltip, i.e. tooltip.html(d) .style(“left”, d3.select(this).attr(“cx”) + “px”) .style(“top”, … Read more
Scott Murray’s tutorials are a great starting place: http://alignedleft.com/tutorials/d3/ Regarding environments, you might find this useful: http://tributary.io. It’s an interactive coding editor designed to help you learn d3.
<script>$(function(){var svg = d3.select(“#chart”).append(“svg:svg”);});</script> <div id=”chart”></div> In other words, it’s not happening because you can’t query against something that doesn’t exist yet– so just do it after the page loads (here via jquery). Btw, its recommended that you place your JS files before the close of your body tag.
The D3 gallery has a lot of good examples, but a lot of the examples loads their data from a tab-separated values file. This is a nice way to separate data and visualization in short examples, but it can be a bit confusing if you are new to D3 and JavaScript, since it requires some … Read more
Sorry, I’m not very fluent with D3, but a few ideas off the top of my head that might be of some help. Have you tried using the d3.select() method and applying solely the font-size this way, to see if you can narrow down that the font/text selector combination is problem? Maybe assign an id … Read more
The relevant line from the SVG specification, regarding filling paths: The fill operation fills open subpaths by performing the fill operation as if an additional “closepath” command were added to the path to connect the last point of the subpath with the first point of the subpath. So, as far as the fill is concerned, … Read more
You can use “dblclick” instead of “dbclick”: nodes.on(“dblclick”,function(d){ alert(“node was double clicked”); });
All the answers above misunderstood Øystein Amundsen’s question. The only way to stabilize the force upon it starts is to set node.x and node.y a proper value. Please note that the node is the data of d3.js, not the represented DOM type. For example, if you load nodes = [{“id”: a}, {“id”: b}, {“id”: c}] … Read more
Your code is trying to get an svg attribute from an item of data, when what you really want is to get that attribute from the svg DOM element, as in: console.log(d3.selectAll(“.mynode”).attr(“cx”)); This will only give you the attribute for the first non-null element of your selection; You can also filter your selection to get … Read more