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

Data Settings

The Data panel controls how your data is displayed, including bar dimensions, spacing, positioning, and animation timing. Settings are organized per dataset selection.

Global Settings

Total Scene Duration - Total scene duration in seconds (1.0 - 30.0). Controls how long your animation plays.

Frame Rate - Animation frame rate in frames per second (typically 24, 30, or 60 FPS).

Scale Configuration

Scale Mode - How to calculate the Y-axis scale range:

  • Zero-Based (Include 0): Scale starts at 0
  • Data Range (Fit to Data): Scale fits to your data values
  • Manual Range: Use custom minimum and maximum values

Padding - Add padding around the data range as a percentage (0-50%). Helps create nice round numbers. Only available in automatic modes (Zero-Based and Data Range).

Min Value - Minimum value for Y-axis (manual mode only).

Max Value - Maximum value for Y-axis (manual mode only).

Step Size - Step size between scale labels in manual mode (0.1-1000). For example, 50 creates labels at 0, 50, 100, 150...

Intermediate Lines - Number of intermediate grid lines between main scale labels (0-4).

Dataset Selection Settings

Each dataset selection linked to the scene has its own settings section.

Column Mapping

Map dataset columns to visualization properties. This determines how your data is prepared and transformed for visualization. Required mappings vary by scene type (bar, line, geo).

Transform

Position - Position offset [X, Y, Z] for your data visualization. Moves the entire graph in 3D space. Range: -10 to 10 for each axis.

Rotation - Rotation [X, Y, Z] in degrees for your data visualization. Range: -360 to 360 degrees for each axis.

Bar Settings (Bar Charts Only)

Bar Width - Width of each bar (0.1 - 2.0).

Bar Depth - Depth of each bar (0.1 - 2.0).

Max Height - Maximum height of bars (1-5). Controls the overall graph scale.

Bar Spacing - Space between bars (0 - 2.0).

Line Settings (Line Charts Only)

Line Width - Width/thickness of the line (0.01 - 0.5).

Line Color - Color of the line.

Animation Timing

Animation Type - How bars animate:

  • One after the other (Staggered): Bars animate sequentially
  • Delayed: All bars animate at once with a delay
  • Not Animated: No animation

Delay Between Bars - Delay between each bar when using "Delayed" animation type (0-2 seconds).

Delay Before Animation - Delay before animation starts in seconds (0-5).

Delay After Animation - Delay after animation ends in seconds (0-5).

Selection Preview

Preview the data that will be visualized, including column mappings and row selection. d) ​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​‌​​‍‍​‍​‍‌‍‍​‌‍‌‌‍‌​‌​‍‌‍​‌‌‍‍‌‌​​‍‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌​‌‌​‌‌‌‌‍‌​‌‍‍‌‌‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​‌​​‌‌‍‌​​​‌​‌‌​‌‌​‌​‌‍​‌​‍‌‌‍‌‌​​​‌‍​​‍​​‍‌​‌​​‌​‌‍​​‍‌​‍‌‌‍​‌​‌​​​​‌‍‌‌​‍‌‌‍​​​​‌‍‌​​‍​​​‌​‌​​‍​‍‌​​‍‌‍‌‍‌‍‌​‌‍‌​​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌​​‌‍​‌‌‍‌‌‍‌‌‌​​‍‌‌‌‌‍‍‌‌‍​‌‍‌​‌‍‌‌‌​‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍‌‌​‌‌​‌​​​​​​‌‍‌‌​‌‍​​‌​​‌‍‌‌‌‍‌‍​‌​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‍​‌‍​​‌‍​‍‌‍​‌‌‍​​‍‌​​‌​​​​‍‌​‌‌‌‍‌‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌‌‍​‌‌​‍‌‍‍‌‍‌​‌‍‌‌‌‍‍​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​‌​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌‍‍​‌‍‌‌‍‌​‌​‍‌‍​‌‌‍‍‌‌​​‍‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌​‌‌​‌‌‌‌‍‌​‌‍‍‌‌‍​‍‌‍‌‍‍‌‌‍‌​​‌​‌​​‌‌‍‌​​​‌​‌‌​‌‌​‌​‌‍​‌​‍‌‌‍‌‌​​​‌‍​​‍​​‍‌​‌​​‌​‌‍​​‍‌​‍‌‌‍​‌​‌​​​​‌‍‌‌​‍‌‌‍​​​​‌‍‌​​‍​​​‌​‌​​‍​‍‌​​‍‌‍‌‍‌‍‌​‌‍‌​​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌​​‌‍​‌‌‍‌‌‍‌‌‌​​‍‌‌‌‌‍‍‌‌‍​‌‍‌​‌‍‌‌‌​‍​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍‌‌​‌‌​‌​​​​​​‌‍‌‌​‌‍​​‌​​‌‍‌‌‌‍‌‍​‌​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‍​‌‍​​‌‍​‍‌‍​‌‌‍​​‍‌​​‌​​​​‍‌​‌‌‌‍‌‌​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌‌‍​‌‌​‍‌‍‍‌‍‌​‌‍‌‌‌‍‍​‍‌‍‌​​‌‍‌‌‌​‍‌​‌​​‌‍‌‌‌‍​‌‌​‌‍‍‌‌‌‍‌‍‌‌​‌‌​​‌‌‌‌‍​‍‌‍​‌‍‍‌‌​‌‍‍​‌‍‌‌‌‍‌​​‍​‍‌‌

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