Proportional Highlighting     

Proportional highlighting displays linked data in aggregate graphs. Use the slider to adjust the percentage of data rows selected.

Aggregate graphs display data that is aggregated using simple functions such as count, sum, and average. For simplicity, the graphs above display the count of rows in each category.

In aggregate graphs, each element displays multiple rows, so proportional highlighting displays the proportion of selected rows. Stephen Few has written one of the best explanations of proportional highlighting ("Highlighting Methods", p. 12-23).

Few describes several outstanding problems with proportional highlighting, which this study attempts to address.

User Interface

Implementation

This project uses React, Material-UI, and d3.

Further Reading

• Few, S. (2010). "Coordinated Highlighting in Context". Perceptual Edge, 12-23. https://www.perceptualedge.com/articles/visual_business_intelligence/coordinated_highlighting_in_context.pdf.


• Few, S. (2016), “Information Visualization Research Projects That Would Benefit Practitioners”. https://www.perceptualedge.com/blog/?p=2258.