I'm trying to visualise relations, i.e. of which "parts" (e.g. products, technologies etc.) a website is built upon.

components of a website

I was thinking of a chord diagram (maybe built with d3.js so the viewer can hover about a specific field and the rest will be greyed out). Do you think this is a good idea? Like here: Visualising relationship data

My final goal: My client can navigate through his interdependent portfolio (e.g. by hovering over a category or component) and understand where a component is used.

  • 2
    $\begingroup$ It often helps to get useful meaningful answers if you provide some typical data. And it would be good to point out how you problem differs from the ones seen by following the link. $\endgroup$ – xan Apr 2 '17 at 18:17
  • $\begingroup$ the whole image is the data :) an example could be: website a1 delivers content to website b2, b3. it has app 8 and 14 incorporated; and a twitter channel. $\endgroup$ – Amir Rahbaran Apr 2 '17 at 18:27
  • $\begingroup$ @AmirRahbaran If the image is the data, why is it not also a sufficient visualization of the data for your purposes? $\endgroup$ – Kodiologist Apr 2 '17 at 18:36
  • $\begingroup$ @Kodiologist: thx for your question. because the "relationship arrows" are missing (e.g., as in a chord diagram). i want to show how the websites are intertwined and composed of different apps, content, social media etc. $\endgroup$ – Amir Rahbaran Apr 2 '17 at 18:51

It sounds like the data structure you want to visualize is at heart a graph, in the sense of graph theory. So your best bet is a generic graph visualizer, such as GraphViz. Play with the options until the result makes sense.

  • $\begingroup$ Thx for the link. I think I'm going to try the graph with design elements of a chord diagramm. $\endgroup$ – Amir Rahbaran Apr 3 '17 at 11:12

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.