Free and Plus plans launching soon, be the first to know.
PricingDocsStudio
PricingDocsStudio
Log in
DocsCamera SettingsData SettingsLabel SettingsOverlay SettingsScene Settings

Overlay Settings

The Overlay panel controls additional layers that can be added on top of your visualization for video export. Overlays are rendered on top of the 3D scene during export.

Preview

Show Preview in Editor - Toggle visibility of overlay preview in the editor viewport.

Overlay Layers

Overlay layers allow you to add text, images, or other elements on top of your visualization. Each overlay layer can be:

  • Positioned independently
  • Shown or hidden at specific times
  • Animated over the course of the video
  • Enabled or disabled

Add Watermark Layer - Create a new image watermark overlay.

Add Text Layer - Create a new text overlay.

Delete Layer - Remove an overlay layer.

Watermark Layers

Watermark layers display images on top of your visualization.

Watermark Settings

Image Preview - Visual preview of the watermark positioned on a canvas matching your export resolution.

Anchor Position - Where the watermark is positioned:

  • Top Left: Top-left corner
  • Top Right: Top-right corner
  • Bottom Left: Bottom-left corner
  • Bottom Right: Bottom-right corner
  • Center: Center of the canvas

Size

  • Width (% of canvas): Width as percentage of canvas width (1-100%)
  • Height (% of canvas): Height as percentage of canvas height (1-100%)

Opacity - Opacity of the watermark (0-100%, where 0 is transparent, 100% is opaque).

Timing (Intro/Outro)

  • Visible From Frame: Frame number when overlay appears (1+)
  • Visible To Frame: Frame number when overlay disappears (1+). Leave empty for overlay to stay until end.

Text Layers

Text layers display text content on top of your visualization.

Text Settings

Text Preview - Visual preview of the text positioned on a canvas matching your export resolution.

Link to Dataset Field - Optionally link text content to a field from the parent dataset. When linked, text updates automatically from the dataset.

Text Content - The text to display. Use \n for line breaks. If linked to a dataset field, this updates automatically.

Font Settings

  • Font Size: Text size in pixels (8-200)
  • Font Family: Font family name (e.g., "Inter")
  • Text Color: Color of the text
  • Line Height: Line spacing multiplier (1.0-3.0)

Anchor Position - Where the text is positioned:

  • Top Left: Top-left corner
  • Top Right: Top-right corner
  • Bottom Left: Bottom-left corner
  • Bottom Right: Bottom-right corner
  • Center: Center of the canvas

Size

  • Width (% of canvas): Width as percentage of canvas width (1-100%)
  • Height (% of canvas): Height as percentage of canvas height (1-100%)

Opacity - Opacity of the text (0-100%, where 0 is transparent, 100% is opaque).

Timing (Intro/Outro)

  • Visible From Frame: Frame number when overlay appears (1+)
  • Visible To Frame: Frame number when overlay disappears (1+). Leave empty for overlay to stay until end.

Layer Management

  • Each layer can be individually enabled or disabled
  • Layers are rendered in the order they appear in the list
  • Layers respect the export resolution and aspect ratio
  • Position and size are relative to the canvas (0.0 to 1.0, where 0 is left/bottom and 1 is right/top)​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍‍​‌‍‌‌‍‌​‌​‍‌‍​‌‌‍‍‌‌​​‍‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌​‌‌​‌‌‌‌‍‌​‌‍‍‌‌‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​​‌‌‍‌‌​‌‍​​​‌‍​‌‌‍​​​​‌‍​​‍‌‌‍‌‍‌‍‌‌‌‍​‍​‌​‍‌​‌​​‌​‍​​‌​‍‌​‍​‌‍‌‍‌‍​‌‌‍‌‍​‍‌‌‍‌​​‌​​‌​​‍‌‌‍​‌​‍​‌‍‌‌​‌‌‍‌​​​​​‌‍‌‍​‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌​​‌‍​‌‌‍‌‌‍‌‌‌​​‍‌‌‌‌‍‍‌‌‍​‌‍‌​‌‍‌‌‌​‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​‌‍​‍​​‌‌‍​‌‌‍​‍​‍‌​‍‌‌‍‌‌​‌​​​​‌‌​​​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍‌‍​‌​​‌​​​‌‌‌‍​​‍​‌‍​‍‌‍‌‍‌‍​‌‌‍‌‌​‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌‌‍​‌‌​‍‌‍‍‌‍‌​‌‍‌‌‌‍‍​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌‍‍​‌‍‌‌‍‌​‌​‍‌‍​‌‌‍‍‌‌​​‍‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌​‌‌​‌‌‌‌‍‌​‌‍‍‌‌‍​‍‌‍‌‍‍‌‌‍‌​​‌​​‌‌‍‌‌​‌‍​​​‌‍​‌‌‍​​​​‌‍​​‍‌‌‍‌‍‌‍‌‌‌‍​‍​‌​‍‌​‌​​‌​‍​​‌​‍‌​‍​‌‍‌‍‌‍​‌‌‍‌‍​‍‌‌‍‌​​‌​​‌​​‍‌‌‍​‌​‍​‌‍‌‌​‌‌‍‌​​​​​‌‍‌‍​‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌​​‌‍​‌‌‍‌‌‍‌‌‌​​‍‌‌‌‌‍‍‌‌‍​‌‍‌​‌‍‌‌‌​‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​‌‍​‍​​‌‌‍​‌‌‍​‍​‍‌​‍‌‌‍‌‌​‌​​​​‌‌​​​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍‌‍​‌​​‌​​​‌‌‌‍​​‍​‌‍​‍‌‍‌‍‌‍​‌‌‍‌‌​‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌‌‍​‌‌​‍‌‍‍‌‍‌​‌‍‌‌‌‍‍​‍‌‍‌​​‌‍‌‌‌​‍‌​‌​​‌‍‌‌‌‍​‌‌​‌‍‍‌‌‌‍‌‍‌‌​‌‌​​‌‌‌‌‍​‍‌‍​‌‍‍‌‌​‌‍‍​‌‍‌‌‌‍‌​​‍​‍‌‌

Hydrant turns complex data into clear, dynamic stories.

Founded by digital artist and designer Manuel Rossner, known for projects with Instagram and the Grand Palais in Paris, Hydrant combines art and technology to make data not just understandable, but inspiring.

  • InstagramFollow us on Instagram
  • FacebookFollow us on Facebook
  • XFollow us on Twitter
  • LinkedInFollow us on LinkedIn
  • YoutubeSubscribe to our YouTube channel

© 2025 Hydrant. All rights reserved. Hydrant® is a registered trademark in the European Union.

Secure payment methods

Visa
Mastercard
American Express
Apple Pay
PayPal
Bank Transfer
SEPA

For questions and enquiries, please contact: info@hydrant.app

  • Terms and Conditions
  • Privacy Policy
  • Data Processing Agreement
  • Imprint