Csv file visualizer - v0 by Vercel

Key Features:

CSV Input Area: A large textarea where users can paste their CSV data

Real-time Parsing: Automatically parses and displays the CSV as you type

Dual View:

Preview panel showing basic info and first few rows
Full table view showing all data

Sample Data: Includes a "Load Sample" button to demonstrate functionality

CSV Parser: Custom parser that handles quoted fields and commas within quotes

Download Feature: Users can download their CSV data as a file

Responsive Design: Works well on different screen sizes

Error Handling: Gracefully handles malformed CSV data

How it Works:

Headers: The first row is automatically treated as column headers

Empty Cells: Shows "-" for empty cells

Scrollable: Large tables are scrollable both horizontally and vertically

Statistics: Shows row and column count

Clean UI: Uses shadcn/ui components for a polished look

The visualizer comes pre-loaded with sample data to demonstrate its capabilities. Users can clear it and paste their own CSV data to see it rendered as a formatted table.

New Search Features:

Search Input: Added a search box above the full table view

Real-time filtering as you type
Clear button to reset the search
Visual search icon for better UX
Shows "No results found" message when no matches

Search Results Feedback:

Shows count of filtered rows (e.g., "Showing 3 of 5 rows")
Highlights when search is active

New Sorting Features:

Clickable Column Headers: Click any column header to sort by that column

Visual indicators show sort direction
Cycles through: ascending → descending → no sort

Smart Sorting Logic:

Automatically detects and sorts numbers numerically
Handles text with case-insensitive sorting
Works with empty cells

Combined Functionality:

Search within sorted data
Sort search results
Both features work together seamlessly

How to Use:

To Search:

Type in the search box above the full table
Results filter in real-time
Click the X to clear the search

To Sort:

Click any column header to sort ascending
Click again to sort descending
Click a third time to remove sorting

The search and sort features make the CSV visualizer much more powerful for exploring and analyzing data, especially for larger datasets where finding specific information quickly is important.