Debarshi Das

Work, original

VisiGrid

A browser-based workspace for opening, exploring, editing, filtering, and exporting tabular JSON or CSV data.

Role
Designer and sole developer
With
On my own
Status
Historical public project
Years
to
Live
Open the project (opens in a new tab)
Source
View on GitHub (opens in a new tab)
Nested records from a local file flatten into table rows; a worker returns unique values; the rows export as a new file.Hover a part to see its name
VisiGrid: a local file becomes an editable table, with column work off the main thread.

The problem

Inspecting a JSON or CSV file often means moving between an editor, a spreadsheet, and small conversion scripts. VisiGrid explored a narrower workflow: open a local file, inspect its structure as a table, make small edits, and export the result from one browser session.

What I built

I designed and built VisiGrid on my own, as a personal project, and wrote every line of it by hand. The interface accepts JSON and CSV files. It flattens nested JSON objects for tabular display, then supports global search, column filters, sorting, direct cell edits, column reordering, progressive row display, and export.

A Web Worker calculates unique column values away from the main UI thread. The application keeps the data workflow in the browser and does not require a server-side upload endpoint.

My role

I designed and wrote all of it: the frontend application, the data table workflow, file handling, filtering, editing, export, and the Web Worker.

Current limits

This is a historical project, not a maintained data platform. Its original implementation uses permissive data types and older dependencies. The live demo remains useful as evidence of the interaction model, but it is not a recommendation for production use today.

Next.js, TypeScript, Web Workers, Data tooling

Choose a style to copy