tabular-data-viewer
Tabular Data Viewer δΈ for Visual Studio Code
See Data Preview
Tabular Data Viewer δΈ
Tabular Data Viewer provides fast DSV
data loading and custom Table View .csv
, .tsv
and .tab
data files via table and Papa Parse CSV parser with NodeJS File Streams and Worker threads:
Features
- View large
CSV
andTSV
data files in a custom Tabulator Table Viewπ - Open Data File Table View
π via quick file path input prompt - Load large datasets with millions of rows and over 1GB of tabular data using Papa Parse CSV parser in a worker thread with data streaming and incremental loading into Table View
π - View data loading progress, file size, colulmns, rows and load time stats display in vscode status bar
- Sort displayed table data by multiple columns
- Resize table columns
- Rearrange table columns and rows
- Hide, freeze, or delete table columns
- Freeze or delete table rows
- Select table rows column
- Persist table columns layout and sort order
- Restore customized table columns and sort configuration on vscode reload
- Copy tab delimited table data to Clipboard
- Save displayed table data in
CSV
(,
or;
delimited),TSV
,HTML
table, orJSON
data array format - Generate and view Frictionless Table
*.schema.json
configration file created withtableschema-js.infer()
- Load saved table configuration options from auto-generated
*.table.json
config file when reopening previously customized Table Viewπ - Set default Data Page Size to 1K, 10K, or 100K (default) rows per page via standard vscode
Preferences -> Settings -> Extensions -> Tabular Data Viewer
configuration options to speed up large datasets parsing and loading into Table Viewπ
...
Limitations
Large CSV data files streaming and display is very alpha and has the following limitations for now:
- Large datasets are paged and loaded into view for display with default page size set to 100K rows per page
- Columns sort only works for the paged data loaded and displayed in Table View
π and doesn't sort data for the whole dataset - Save data uses Tabulator Download Table Data feature and is also limited to max 100k rows for the currently displayed tabular data in Table View
π
Contributions
Tabular Data Viewer δΈ Settings, Commands, Languages, Custom Editors and Activation Events contributed to VSCode IDE:
Settings
Create User or Workspace Settings in vscode to change Tabular Data Viewer δΈ extension Settings:
Setting | Type | Default Value | Description |
---|---|---|---|
tabular.data.pageSize |
integer | 100000 |
Default Data Page Size to use for incremental loading and display of large datasets. |
tabular.data.parser.dynamicTyping |
boolean | true |
Enable type conversions for numeric and boolean data fields when parsing CSV data. Set this option to false to speed up large datasets parsing and loading. |
tabular.data.createTableSchemaConfig |
boolean | true |
Create table *.schema.json configuration file alongside data file when parsing CSV data. |
tabular.data.createTableViewConfig |
boolean | true |
Create *.table.json configuration file alongside data file for saving and restoring customized Table View |
You can view Tabular Data Viewer δΈ Configuration Settings via standard vscode Preferences -> Settings -> Extensions -> Tabular Data Viewer
Settings view or use custom Tabular Data: View Settings
command from View -> Command Palette...
menu prompt by typing Tabular
in it. Hit Reload βΊ button in open Table View
Observable JS Notebook
You can try Tabular Data Viewer
Recommended Extensions
Recommended custom dataViz extensions produced by Random Fractals Inc. and other 3rd party vscode extension devs for working with data
Extension | Description |
---|---|
Rainbow CSV |
Highlight CSV and TSV files, Run SQL-like queries |
Data Preview |
Data Preview |
Geo Data Viewer |
kepler.gl Geo Data Analytics tool to gen. some snazzy Py pyWidgets pandas react |
Vega Viewer |
Provides Interactive Preview of Vega & Vega-Lite maps |
Observable JS | Observable JS compiler with Observable js and md code outline and previews. |
JS Notebook |
Provides Interactive Preview of Observable JS Notebooks |
Data Table |
Data Table |
Leaflet Map |
Leaflet Map |
Dev Log
See #TabularDataViewer
Dev Build
$ git clone https://github.com/RandomFractals/tabular-data-viewer
$ cd tabular-data-viewer
$ npm install
$ npm run compile
$ code .
Press F5
to launch Tabular Data Viewer tabular-data-viewer-x.x.x.vsix
package with vsce from our latest for local dev install from .vsix
in vscode.
tabular-data-viewer>vsce package
Contributing
Any and all test, code or feedback contributions are welcome. Open an issue or submit a pull request to make this Tabular Data Viewer