4
Supported data formats
JSON, YAML, XML and CSV handled in a single workspace.
Structured Data. Crystal Clarity.
Explore every branch with precision in TreeLens
TreeLens turns JSON, YAML, XML and CSV into a premium visual workspace with resizable editor panes, hand-drag navigation, wheel zoom, node search and share-ready exports.
Multi-format parsing
Pan + zoom + node focus
PNG export and share links
TreeLens Preview
Live Lens
root.organizationTreeLens Labs
teams[0]
name: Platform
members: 7
stack: [Nuxt, Bun, TypeScript]
environments.production
region: us-east-1 | replicas: 6
Focus Lens
Depth 3 active
Product metrics
Built for real engineering workflows
8+
Productivity actions
Parse, format, transform, share, export and more in one place.
100%
Mouse-first visualization
Hand drag, wheel zoom, search, focus and centering controls.
1 click
Fullscreen mode
Go immersive instantly for deep debugging or live presentations.
Core Capabilities
Built for serious structured data work
VSCode-style resizable editor pane
Adjust input panel width with drag-and-drop so editing and visualization stay balanced.
Graph navigation with hand gesture
Move across large node maps by dragging the canvas and zooming with mouse wheel around your cursor.
Bottom dock for quick actions
Focus first node, center graph, zoom in/out and search paths from a compact visual command dock.
Server workflows ready to ship
Transform formats, create share snapshots and export PNG with native Nuxt server routes.
Workflow
From raw payload to shareable insight in minutes
01 / 03
1. Paste or upload your data
Bring API payloads, schemas or files and let parsing state update in near real-time.
upload -> parse -> validation
02 / 03
2. Navigate and highlight
Use hand drag, wheel zoom, first-node focus and search to locate critical branches quickly.
drag-pan + wheel-zoom + search
03 / 03
3. Share and export
Convert formats, generate snapshot links and export graph images for docs and reviews.
transform -> share -> export png
Product gallery
More visual snapshots of the current TreeLens experience
These screens emphasize the implemented editor, canvas controls and sharing flow.
Side-by-side editor and graph
Continuous workspace to edit structured data and validate hierarchy without context switching.
Fluid canvas navigation
Clear graph readability with draggable exploration and zoom-focused branch analysis.
Bottom quick-control dock
Fast access to zoom, centering, first-node focus and text search in one compact area.
Team-ready outputs
PNG export and share snapshots designed for technical docs and review sessions.
Recent updates
Post-build improvements delivered to workspace
v1.6Apr/2026
Canvas controls and integrated search
Added bottom dock actions for zoom in/out, center graph, first-node focus and match highlighting via search.
v1.5Apr/2026
Hand-drag + wheel zoom navigation
Node area now behaves like a free canvas, replacing classic scrolling with drag-pan and pointer-aware zoom.
v1.4Apr/2026
Resizable editor pane and fullscreen
Introduced splitter drag for editor width and toolbar fullscreen toggle for immersive analysis sessions.
v1.3Apr/2026
Richer product storytelling on Home
Added creator section, visual gallery and product overview modal to communicate TreeLens value faster.
Profile summary based on public GitHub data and official links provided.
Site creator
Meet the mind behind TreeLens
Victor Jose Lopes Navarro
Software Engineer • Creator • Tech Educator
A developer focused on scalable web and mobile experiences, with strong emphasis on TypeScript, Bun and Vue ecosystem tooling. Also creates free technical content for the community.
10K+
Technical-content reach on YouTube
Top Voice
Recognition in Web Development
100+
Public lessons from my YouTube courses
Use Cases
From debugging to polished communication
01
API payload inspection in development and QA
02
Deep-structure diagnosis with pan/zoom and node search
03
Documentation visuals with PNG export
04
Architecture reviews with shareable visual snapshots
FAQ
Questions teams ask before adopting TreeLens
Which formats does TreeLens support?
JSON, YAML, XML and CSV are supported now, with architecture prepared for TOML and custom schemas.
Can I share what I built?
Yes. TreeLens includes Nuxt server routes that generate internal share links for snapshots.
Is TreeLens focused only on visualization?
No. It is an editor-first workspace with parsing, formatting, validation and export workflows.
Explore tools by data format
Content optimized for specific JSON, YAML, XML and CSV searches, focused on organic discovery and conversion to the workspace.
See full tools hub