Skip to main content

Overview

Text and Media Tiles add context, explanations, and branding to your data dashboards. Use text blocks to explain metrics, images for logos and screenshots, videos for demonstrations, and dividers for visual separation. These non-chart tiles help tell the story behind your data and make dashboards more accessible to viewers. Tile Types:
  • Text: Rich text with Markdown formatting
  • Images: Logos, screenshots, diagrams, icons
  • Embedded Media: Embedded videos or custom URLs
[SCREENSHOT: Dashboard with mix of charts and text/media tiles]
Balance Data and Context: Aim for 70-80% charts, 20-30% text/media. Too much text overwhelms; too little leaves viewers confused.

Text

Overview

Text tiles display formatted text using Markdown syntax. Use them for titles, descriptions, instructions, or insights. [SCREENSHOT: Text tile examples in different styles]

Markdown Formatting

Text tiles support Markdown for rich formatting: Headings:
# Heading 1 (largest)
## Heading 2
### Heading 3
#### Heading 4
Text Styling:
**Bold text**
*Italic text*
***Bold and italic***
~~Strikethrough~~
`Inline code`
Lists:
**Bulleted List:**
- Item 1
- Item 2
  - Nested item

**Numbered List:**
1. First item
2. Second item
3. Third item
Links:
[Link text](https://example.com)
[Email link](mailto:support@gofig.ai)
Blockquotes:
> Important note or quote
> Can span multiple lines
Code Blocks:
```python
def hello_world():
    print("Hello, World!")

**Tables**:
```markdown
| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Row 1    | Data     | Data     |
| Row 2    | Data     | Data     |
Horizontal Rule:
---
[SCREENSHOT: Markdown formatting examples rendered in text tile]

Images

Overview

Image tiles display logos, screenshots, diagrams, or icons on dashboards. [SCREENSHOT: Dashboard with logo and diagram images]

Image Sources

Upload from Computer:
  • Click “Upload Image” → Select file (JPG, PNG, GIF, SVG)
  • Max file size: 5 MB
  • Stored in project media library
Image URL:
  • Paste direct image URL (must end in .jpg, .png, .gif, .svg)
  • Example: https://example.com/logo.png
  • External hosting (must be publicly accessible)
[SCREENSHOT: Image upload interface]

Embedded Media

Overview

Embedded media tiles allow users to embed videos, websites, etc directly in dashboards. [SCREENSHOT: Dashboard with embedded training video]

Tips and Best Practices

Keep Text Concise: Use bullet points, short paragraphs. Walls of text overwhelm users. 2-3 sentences max per text tile.
Establish Visual Hierarchy: Use H1 for dashboard title, H2 for sections, H3 for subsections. Consistent hierarchy improves readability.
Use Markdown for Formatting: Don’t manually bold/color text. Use Markdown (**bold**, ## heading) for consistent, maintainable formatting.
Test Mobile Layout: Preview dashboard on phone/tablet. Ensure text is readable, images scale properly, and embedded content is accessible.