hubmapconsortium / hra-ui

HRA UIs Monorepo (includes HRA Portal, EUI, RUI, ASCT+B Reporter, and more)

https://hubmapconsortium.github.io/hra-ui/

MIT License

3 stars 2 forks source link

Visually optimize the Digital Objects Per Organ visualization #463

Open LibbyUX opened 2 weeks ago

LibbyUX commented 2 weeks ago

Visually optimize the Digital Objects Per Organ visualization

This will be an iterative task between design and development.

Is it possible to alter the Digital Objects Per Organ visualization:

Use 12px-14px font size within the Vega-lite visualization
- See Label Small & Label Medium for desired font spec in Design System Repo
- This will take some iterations. A minimum font size of Label Medium (14px) would be ideal.
Use a 3:1 visualization container
- Note: All visualizations may need to use the 3:1 container in the Data Dashboard.
Reduce the white space slightly within the visualization, if possible

Please let me know if you need more information or if I need to specify anything in Figma. Thank you!

Relevant communication

bherr2 commented 1 week ago

@edlu77 Vega Lite spec is here: https://github.com/x-atlas-consortia/hra-dashboard-data/blob/main/data/data/digital-objects-per-organ.vl.json