force-layout

I am working on a force directed graph using d3.js. I need to handle tap and double tap event on nodes for mobile devices. Mouseover and click functions need to replicated as tap and double tap in d3.js. I have managed to get a touch event working but have no clue on how to capture double tap event in a mobile device. Mark Roper D3 has the touches event and using this you can get touch position coordinates from inside your event handler, but this doesn't give you any special handling for or help identify long press and doubletap. You can add support for long press and double tap yourself. For

I am using d3.js and jquery with a PHP back-end (based on yii framework) to create a dynamic force directed graph to represent the current state of hosts and services on the network that we are monitoring using Nagios. The graph shows root -> hostgroups -> hosts -> services. I have created a server side function to return a JSON object in the following format { "nodes": [ { "name": "MaaS", "object_id": 0 }, { "name": "Convergence", "object_id": "531", "colour": "#999900" }, { "name": "maas-servers", "object_id": "719", "colour": "#999900" }, { "name": "hrg-cube", "object_id": "400", "colour":

I was wondering if there is a way to create a force directed layout with d3.js and restrict it by an arbitrary shape in such a way that all the nodes are equivalently distributed within the shape and the distance between the border and the nodes is equally to the distance between the nodes I hope there is already such a solution out there. Otherwise my idea is to start with the force directed layout and check the distances from the nodes to the borders in each iteration. Any suggestions from yourside? Frank van Wijk Your idea is mine too. In the tick function you could add additional forces.

I am using the D3.js library and looking at the force-directed graph demo: http://mbostock.github.com/d3/ex/force.html I am also looking at the node-link tree: http://mbostock.github.com/d3/ex/tree.html What I would like to do is: - Start with the force-directed graph and when the user clicks on a node, have it animated smoothly into a tree, with the selected node in the center. - Then, when the user clicks on any empty space in the canvas, it should animate back to the force-directed graph. Has anyone done anything like this before, or have any advice as to the best approach to take? I am new

I'm using the force layout to represent a directed unweighted network. My inspiration comes from the following example: http://bl.ocks.org/mbostock/1153292 Since my own data are really a mess, I'd like to stop the layout and move nodes by dragging them manually. I'd also like that the movement of a node doesn't change the position of others. And it's necessary that links become longer, to reach the node which has been moved. Is there a simple way to do this? riccardo.tasso At the end I found this related question which implements a solution which I'll adopt. D3 force directed graph with drag

I am just starting on D3, so if anyone has any general suggestions on thing I might not be doing correctly/optimally, please let me know :) I am trying to create a Force Directed graph with the nodes spaced out evenly (or close enough) around the center root node (noted by the larger size). Here's an example of the layout I'm trying to achieve (I understand it won't be the same every time): I have the following graph: var width = $("#theVizness").width(), height = $("#theVizness").height(); var color = d3.scale.ordinal().range(["#ff0000", "#fff000", "#ff4900"]); var force = d3.layout.force()