Data Table Visualiser
Paste JSON or CSV data and instantly view it as a sortable, searchable table.
About This Tool
This data table visualiser takes structured data — a JSON array of objects or a CSV file — and renders it as a clean, interactive table. This is useful when debugging API responses, inspecting dataset contents, verifying data exports, or sharing tabular data with colleagues who prefer a visual format over raw text.
The table supports sorting by any column (click a column header), filtering across all columns with the search field, and exporting the filtered data back to CSV or JSON. All column types are detected automatically — numbers are right-aligned and colour-coded, booleans and nulls are highlighted. Everything runs in your browser.
How to Use
- Choose JSON or CSV input format.
- Paste your data, or click ⚡ Sample to see an example.
- Click any column header to sort; click again to reverse sort.
- Use the search box to filter rows by any value across all columns.
- Click ⬇ Export CSV or ⬇ Export JSON to download the current (filtered) data.
Frequently Asked Questions
The tool expects a JSON array of objects, where each object represents one row and the keys represent column headers:
[{"id": 1, "name": "Alice"}, {"id": 2, "name": "Bob"}]. It also handles a single object (shown as one row), and common API response shapes like {"data": [...]} or {"results": [...]} — the tool attempts to find the array automatically.The tool handles datasets up to around 10,000 rows comfortably in the browser. Larger datasets may cause the page to slow down during sorting and filtering, as the full DOM is re-rendered. For very large datasets (100,000+ rows), consider using a dedicated data analysis tool or your browser's DevTools console.
No. Everything runs entirely in your browser. Your data is never sent to any server.