[Research] UX audit of OUI visualization guidelines and current visualization patterns

[joshuarrrr]

This is a stub meta issue which will grow and change as we start making progress.

Inventory

• [Audit] Create sample dashboard with equivalent visualizations for each authoring environment #3994
• Document existing visualization configuration options and group common options

Look and feel

• [Visualization UI] Define fonts and usage guidelines (family, size, weight) oui#817
• Do we need a concept of chart themes separate from application themes?
• Define visualization color palettes oui#818
  • Categorical palettes and usage
  • Quantitative color scales and usage
• Define visualization chart element styling
  • Axes labels and ticks
  • Define and standardize axis properties across visualizations #4328
  • Legend formatting
  • Default marks (symbols, shapes, line widths, opacity)
  • Tooltip styling and layouts. This includes options of having custom html and/or custom templates
    ​

Interactions

• Define standard visualization interaction patterns and usage
  • Hover (tooltip display and formatting)
  • Click (filtering)
  • Brush (range filtering in multiple dimensions)
  • Drag-able or alterable data elements (drop targets, visual threshold adjustment, etc.)
  • Cursor/pointer style depending on if an element or a canvas area is clickable