search

nylen / d3-process-map

Web application to illustrate the relationships between objects in a process using d3.js.
MIT License
416 stars 196 forks source link

Highlighting some preset paths and other questions. #4

Closed iboy closed 9 years ago

iboy commented 10 years ago

Hi, thank you for the app and I've been able quickly to get to grips with it. I'm quite new to D3 so please let me know if what I ask is core to it and I should look elsewhere. I have "a few" questions. Can your app:

  1. Let me at the ID of the nodes so I can highlight some predefined paths? (with my own buttons in the UI)
  2. Is zooming on selected/highlighted nodes doable?
  3. Is a zoom control possible, in a more general way for the whole canvas?
  4. Being unfamiliar with the brewer colours, what is the easiest way to override / customise the colours per type / group?
  5. Can I lock the 'central' node?
  6. I've followed the thread on customising the depth of 'highlights' through the tree. This would be very useful.

URL: http://daisyrust.com/phd/taxonomy/graph.php Thanks again for your work!

Kind regards, Ian

nylen commented 10 years ago

You can do whatever you want if you can figure out how to trick the browser and d3 into it.

I think the first step is to set some constraints using config.json to help the structure of the data emerge. When I zoom out to about 50% in Chrome this looks better:

Stick the code in a git repo and play around with it. Implementing the pseudocode in #3 would be a good start. For this dataset you might want to highlight all levels of parents and children at once.

iboy commented 9 years ago

Dear James,

Thank you for the reply and the tips (the sample config particularly). I've played further and will be able to get a decent layout. I'm still inputting the data set (from an omnigraffle) and will work out the the highlighting code and will share should I get it done.

Kind regards, Ian

Ian Grant Senior Lecturer Digital Art and Media Ealing School of Art, Design and Media University of West London

On 11 Jul 2014, at 07:38, James Nylen notifications@github.com wrote:

You can do whatever you want if you can figure out how to trick the browser and d3 into it.

I think the first step is to set some constraints using config.json to help the structure of the data emerge. When I zoom out to about 50% in Chrome this looks better:

http://nylen.tv/d3-process-map/graph.php?dataset=daisyrust-01 http://nylen.tv/d3-process-map/data/daisyrust-01/config.json Stick the code in a git repo and play around with it. Implementing the pseudocode in #3 would be a good start. For this dataset you might want to highlight all levels of parents and children at once.

— Reply to this email directly or view it on GitHub.

nylen commented 9 years ago

No problem. I'm closing this issue. Feel free to open a new one if you have more questions.