https://github.com/ddjain/jsonl-visualizer
A beautiful web tool for visualizing JSONL files with syntax highlighting and multiple view modes
https://github.com/ddjain/jsonl-visualizer
data-analysis json jsonl viusal
Last synced: 9 months ago
JSON representation
A beautiful web tool for visualizing JSONL files with syntax highlighting and multiple view modes
- Host: GitHub
- URL: https://github.com/ddjain/jsonl-visualizer
- Owner: ddjain
- Created: 2025-09-09T03:40:21.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-09-09T03:45:15.000Z (10 months ago)
- Last Synced: 2025-09-09T06:30:06.094Z (10 months ago)
- Topics: data-analysis, json, jsonl, viusal
- Language: JavaScript
- Homepage: https://ddjain.github.io/jsonl-visualizer/
- Size: 14.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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! 🎉