How do you visualize topics with multiple attributes in d3js?

Suppose I have a list of topics with various attributes, e.g,.

topic1  - a,b,c,d
topic2  - b,d,z,y
topic3  - m,n,y,a,z
topic4  - u,i,v,a

Each topic may have a variable number of attributes.

  • Sunburst partition data overwritten by second sunburst on same page
  • Rotate D3 SVG to line up to specific angle
  • How to rotate an object around the center in d3.js
  • Importing data from .csv using d3.js
  • d3 + Backbone: updating elements for which data has changed
  • Rebinding exports in d3.js v4
  • I have seen a mxn grid.

    What I really want to do is display all the data and then allow the user to choose a particular attribute. Then display/highlight topics which have that attribute. Once I am done with my analysis, I want to go back to viewing all topics

    I also want the topics displayed clearly.

    The interactive-tree in d3js examples does this. However, I am not sure if it can be used in this case.

  • Javascript syntax: variable declaration with “<<” or “>>”
  • Syntax for axis transition in svg/d3
  • Changing position of d3 svg box in browser window
  • Simplifying D3js' SVG path generated string
  • D3 - Transition Arcs in Sunburst Chart
  • How to convert a jQuery object into a d3 object?