YAML Viewer

How to Use the YAML Viewer

Follow these simple steps to explore and understand your YAML data easily -

1 - Load Your YAML Data

To begin, you need to add your YAML content into the viewer. You can either upload a file or paste the content directly.

• Click the Import button
• Choose one of the following:
  • Upload a .yaml or .yml file
  • Paste your YAML content into the input box
• Click Import to load the data

Once loaded, your YAML will automatically appear in both the structure view and the tree view.

2 - Explore the Structure View

The structure view displays your YAML in a clean, readable format with proper indentation. This makes it easy to scan and understand nested data.

• Click ▶ / ▼ arrows to expand or collapse sections
• View arrays as indexed items like [0], [1], [2]
• Read key-value pairs in a structured way

This view is best for reading and debugging YAML content.

3 - Understand the Tree Visualization

The tree view shows your YAML as a visual diagram, helping you understand relationships between elements.

• Each node represents a key or value
• Lines connect parent and child elements
• You can visually trace the structure of your data

Controls:

• Drag to pan around the tree
• Use + / − buttons to zoom in or out
• Reset view to center the tree

This is especially useful for large or deeply nested YAML files.

4 - Search for Keys or Values

The search feature helps you quickly find specific data within your YAML.

• Enter a keyword in the search box
• Matching results are highlighted instantly
• Relevant sections are automatically expanded

You can also:

• Use ↑ / ↓ buttons to move between results
• See how many matches were found

This saves time when working with large files.

5 - Select and Sync Nodes

You can interact with both views to explore your YAML more effectively.

• Click any node in the structure view or tree view
• The selected item will:
  • Highlight in both views
  • Automatically scroll into focus
  • Expand parent sections if needed

This helps you connect visual structure with actual data.

6 - Expand or Collapse Sections

To manage large YAML files, you can control visibility easily.

• Click Expand All to open all sections
• Click Collapse All to simplify the view

This is helpful when switching between overview and detailed exploration.

7 - Copy Your YAML

If you need to reuse or share your YAML:

• Click the Copy button
• Copy the formatted YAML to your clipboard
• Paste it into your editor or share it