question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Design what's rendered for `text` components in `dashboard-thumbnail`

See original GitHub issue

A 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:

  1. 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).
  2. 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
  3. 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:closed
  • Created 6 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
jackparmercommented, Dec 5, 2017

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

0reactions
etpinardcommented, May 3, 2018

Closing.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found