What's new

Data Visualization

TacticFlow: Visual Analytics of Ever-Changing Tactics in Racket Sports


Timages: Enhancing time graphs with iconographic information

Accessible Visualization

PRRE: Personalized Relation Ranking Embedding for Attributed Networks

Last edited:

3 visualizations that changed my life

Best COVID-19 Visualizations

Reducing Visual Clutter





Related Paper: Vis-a-Vis: Visual Exploration of Visualization Source Code Evolution

Comparison of Visualization Techniques

Related Paper: Multi-Dimensional Comparative Visualization for Patent Landscaping

Enhancements over EZChooser

  • Bargrams have extra dimensions by having glyphs above bars in clusters similar to D-Maps
  • Glyphs inside the bars as well, such as unit-based visualizations such as waffles, beeswarms, etc.
  • Entries shown below can be shown in clusters
  • timeline slider option
  • moving bargrams up gives them more weight for entry clustering below
  • entries can be shown between bars instead of at bottom view

Virtually Clustered Small Multiples inspired by Dust and Magnet


” D-Map: Visual Analysis of Ego-centric Information Diffusion Patterns in Social Media”

“Semantic Interaction for Visual Text Analytics” by Endart et al

Maybe we can combine the small multiple aspect with a correlation exploration tool like SIRIUS or Dust and Magnet. Using the parallel bargrams, one can use color as in SellTrend or MapTrix (below) to show correlations. Or the bars could be made smaller and arranged as in SIRIUS with glyphs adding an extra dimension or two of information, such as invisible links (networked or clustered bargrams).

Conclusion: Using the parallel bargrams, o

ne can use color as in SellTrend. That way, more room for bars — which do not have to move around. The user can add or see different weights by having the parallel bargrams arranged by weight of importance or more associated attributes closer together. So the glyphs can seave

Related videos: https://infovis.cs.vt.edu/content/videos-0




D3 alternatives (Tableau, etc)

Related blogs, project pages, etc

Software Visualization Research


One option for selecting/browsiing is to use a slider. For example, if the horizontal axis represents time, then each dot in the beeswarm and each related/linked waffle is highlighted that relates to that time. The width of the slider can be easily changed.

Dashboard Design

For software viz:

Output of program on top or bottom of screen or additional monitor.

Scrolling horizontally highlights everything in each bargram in same time/value. Synced with program output view. When bargram is clicked, all dots in beeswarms are highlighted, similar to EZChooser. Difference is there is more info per bargram and more info in dashboard. Can also encode simply if component is visible or method is used



As with Blockbuster, saves vertical space by allowing one to
choose a subset of parallel bargrams for display.

Model in Adobe Sketch?

Individual bargrams can also be used to augment source code view or program output view.

Names of different views:

Feature Bargrams: Emphasizes method-output correlations and correlation of source code text with output. Works with Annotativ. Eases navigation and querying of source code. Focuses on software metrics/attributes. Can use by itself or activate from source code, such as by right clicking or activating from Annotativ. Focuses on generic software metrics for visualization such as last edited code, largest methods, existing structure of code, code similarity, and more emphasis on NLP. Most compatible view for chat bot commands. Most similar to EZChooser. Works with Annotativ.

Variable Bargrams: Shows values in beeswarms, bargrams, etc. for runtime values of data. Related work: Anteater and Omnicode.

old notes: In-sutu source code visualization. This is possibly even more important since software visualization activity is not often actively pursued. This more passive, ubiquitous feature is to help with that. Individual bargrams inside source code, e.g. shows hotspots for each line of code and also over time of program . Each method is converted to a bargram aesthetically by each line being a bar and each function having a beeswarm. The beeswarm lets one see how networked the code is .

to the right of each line and highlighting the code line with a heatmap density color. Each dot in each beeswarm can signify hotspot use, metrics such as similarity to rest of code,

old notes:So for each line of code, there is a bargram to the right that has bicluster information. Clicking expands the view but even without doing so one can get an idea of the information by comparing bargrams for each line.

Bicluster Research

Color Scheme Ideas

“By displaying color-coded values for transcript levels across different views, BirdsEyeView can assist users in developing hypotheses about their experiment results. ” (from BirdsEyeView paper co-authored by Prof. Berleant)


Source: ” Hierarchical Difference Scatterplots” by Piringer et al


Possible Committee