visual design

[wangqianwen0418]

visual design

a useful survey of set visualizations:

The State-of-the-Art of Set Visualization, https://doi.org/10.1111/cgf.12722

a summary table

[wangqianwen0418]

eulerdiagrams
https://www.microsoft.com/en-us/research/wp-content/uploads/2016/12/eulerdiagrams_infovis2010.pdf

[wangqianwen0418]

upset
https://caleydo.org/tools/upset/

[wangqianwen0418]

overview:

• whether has discrimination
• to which extent (number of items, discrimination score (e.g., risk difference) )

updated 2.17 Zhenhua finished the implementation (remove non-key itemsets)

[wangqianwen0418]

attributes:

collapse: finished (qianwen); draggable: is refining (zhenhua); risk_dif details: haven't started;

[wangqianwen0418]

rules

finished by zhenhua;

1. show the context of each rule;

in process (qianwen)

• [ ] style needs further refinement
• [ ] collapsed by key attributes;
• [ ] rank by discrimination scores (risk_dif)

think

• [ ] ❓ details of each rule
• [ ] ❓glyph of each rule

[wangqianwen0418]

非常丑的示意图：

update 2.17

[wangqianwen0418]

slides on 2.17

[wangqianwen0418]

discuss the current design (2.17):

• in euler-liked diagram, whether we need instance-based presentation?
• for each discriminatory rule, covey the most important information: discriminatory score, number of items influenced, pro(class=beneficial) in thes items
• cluster items (or change them into glyphs) in euler-like diagram to improving the readability
• use euler-liked diagram to guide the exploration of rules
• a possible function: knowing some attribute values of one item, how will it be influenced by discriminatory predictions?

[wangqianwen0418]

rules:

a:

b:

c:

---

feedback: b, c are confusing, similar to donut charts;

modify a and highlight the difference. (whether to use color encoding, decide later)

---

a little update (3.5):
saturation to encode the difference

[wangqianwen0418]

2.25: settle down the design of Ripples

group items to the minimum units

the design evolution:

---

remaining task:

1. [x] encoding: color or texture;
2. [x] interactive boundaries;
3. [x] a modified layout algorithm to ensure circles belonging to the same set are put together;

---

update 3.9. feedback: the current annotation can be misleading. e.g., ABCD is a subset of ABC. Update the annotation:

[wangqianwen0418]

3.3 updates: the basic idea for the layout algorithm:

1. build a graph of these minimum units, remove extra edges:
   the purpose of this graph, connect subsets belonging to the same set with the minimum number of links.
   thus: a) no circles; b) share links as much as possible;
   how:

   • first, connect all units belonging to one set;
   • run MST on each set, weigh of each edge= number of sets that have this link;
   • merge the MST of each set

2. layout based on voronoi, killed:
   

3. layout based on front chain packing

[wangqianwen0418]

two encoding scheme: a:

b:

• feedback from weekly meeting 3.5: b is better, yet the palette need further modification
• feedback from shixia:
  if using b, add more hint than a small pin to highlight the selected rule

[wangqianwen0418]

update 3.9: About alignment

[wangqianwen0418]

Plan for the comparison: