Design what's rendered for `text` components in `dashboard-thumbnail`
See original GitHub issueA thumbnail is a typically small representation of a bag of visual components.
For plot component, the current design involves the elimination of various annotations and padding, to maximize panel space for data ink.
Dashboards have less graphical components eg. text
. Theyr’e currently bypassed by https://github.com/plotly/image-exporter/pull/33 but future options include:
- Leave it as with https://github.com/plotly/image-exporter/pull/33 ie. skip
text
panels. The benefit is that we’re not spending one of the available 4 rectangles for content that doesn’t convey much in typical thumbnail size. It’s expected that plot renders are better at making the user recall what the dashboard is about than a text fragment, and the dashboard already has a text description (title text). - Add some icon symbolizing text, e.g. a stylized letter “A”, or “¶” or the text editor symbol for a multirow text paragraph or page such as https://www.iconexperience.com/_img/i_collection_png/512x512/plain/text_align_left.png - benefit is that the presence of text will be conveyed (if it’s among the first 4 plot components), and fairly easy to implement, the drawback is that it’s wasteful esp. if the thumbnail is unusually large
- Add actual text: the text would be removed of formatting (or not?) and a font size would be chosen (10…16px), perhaps configurable, that’s probably readable; then text would be rendered with minimal margins and row pitch to make a meaningful amount fit - a real constraint if it’s indeed a thumbnail size.
Please vote, add, remove or expand in comments.
Issue Analytics
- State:
- Created 6 years ago
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Ultimate guide for designing UI cards | by Vikalp Kaushik
Dashboard designs can differ widely. But all dashboards are made of cards. Depending on the type of dashboard, each card might include profile ......
Read more >Images - Foundations - Human Interface Guidelines - Design
In general, design images at the lowest resolution and scale them up to create high-resolution assets. When you use resizable vectorized shapes, ...
Read more >Operations Dashboard for ArcGIS: An Introduction - Esri Videos
This session is for anyone who wants to learn about creating and configuring dashboards using a gallery of Esri-provided visualizations and ...
Read more >Cards - Material Design
1. Container Card containers hold all card elements, and their size is determined by the space those elements occupy. · 2. Thumbnail [optional]...
Read more >Dashboards overview - Product Documentation | ServiceNow
Dashboards Overview tiles. Tiles on the overview show thumbnails of the dashboard's widgets, the Dashboard Group, your level of access, the ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It would be nice to see some options of [1] and [2] using https://plot.ly/dashboard/jackp:17887/present
A few more paragraph icon options for [2]: https://thenounproject.com/search/?q=paragraph
Closing.