JSONL Visualizer

A beautiful, modern web tool for visualizing JSONL (JSON Lines) files with an intuitive interface and powerful features.

✨ What is this?

JSONL Visualizer is a simple web application that helps you explore and understand your JSONL data files. Whether you're a developer debugging data, a data analyst exploring datasets, or just someone who needs to quickly view JSONL files, this tool makes it easy and beautiful.

🚀 Key Features

📁 Easy Data Input

• Drag & Drop: Simply drag your JSONL files onto the page
• Paste Text: Copy and paste JSONL content directly
• File Browser: Click to browse and select files

👀 Multiple View Modes

• Table View: Clean, organized table format
• Tree View: Hierarchical structure with expandable sections
• JSON View: Beautiful syntax highlighting with color-coded data types
• Raw View: Plain JSON output for developers

🔍 Smart Search & Filter

• Global Search: Find any value across all your data
• Key Filtering: Filter records by specific keys
• Real-time Results: See results as you type

📊 Data Insights

• Statistics Panel: See record counts, file size, and filtered results
• Export Data: Download your processed data as JSON
• Theme Support: Switch between light and dark themes

📱 Responsive Design

• Works perfectly on desktop, tablet, and mobile
• Beautiful, modern interface
• Smooth animations and transitions

🎯 Perfect For

• Developers: Debug and inspect JSONL data files
• Data Analysts: Explore datasets quickly and efficiently
• Students: Learn about JSONL format and data structure
• Anyone: Who needs to view or understand JSONL files

📸 Screenshots

🎬 Demo GIF

Watch the app in action - drag & drop, search, filter, and switch between view modes

🖼️ App Screenshots

Light Theme

Clean table view with syntax highlighting

Beautiful JSON syntax highlighting

Dark Theme

Hierarchical tree view in dark mode

Responsive design on mobile devices

🚀 Quick Start

1. Download this repository
2. Open index.html in any modern web browser
3. Try it out with the included sample data
4. Upload your own JSONL files and start exploring!

📋 Supported Formats

• JSONL files (.jsonl) - One JSON object per line
• JSON files (.json) - Standard JSON arrays and objects

🌟 Why Use This Tool?

• No Installation: Just open in your browser
• Privacy First: All processing happens locally on your device
• Beautiful Interface: Modern, clean design that's easy to use
• Fast & Lightweight: Works with large files efficiently
• Free & Open Source: Use it however you want

🎨 Themes

Switch between light and dark themes with the toggle button in the top-right corner. Your preference is automatically saved!

---

Ready to explore your JSONL data? Just open index.html and start visualizing! 🎉