VSCODE-DATA-PREVIEW
数据.md ? .json .properties .avro .xlsx/.xlsb .csv/.tsv .config .parquet .arrow .env切片.yml .ini和导出?分析WebAssembly库。
?功能
- preview
.json.arrow.avro.parquet.yml.csv/.tsv&.xlsx/.xlsb数据文件中的数据网格w/sorting&filtering - 网格数据摘要显示带有汇总功能,行和列枢轴(又称
Group By&Split By) - 基本图表创建带有汇总功能,行和列枢轴
- 可插入二线图表的插图图库:D3FC ||高脑
- 持续的数据预览设置(视图,排序,过滤器,枢轴等)用于还原VSCODE Reload上的开放数据视图面板
- Mulptiple电子表格数据预览
Excel数据文件 - 标记表数据预览
.md文档文件 - data
.schema.json生成箭头和AVRO数据架构示意图文本预览以JSON格式预览 - 二进制数据文件
.json生成文本数据预览的箭头,Avro和Excel格式 -
.json.config.env.properties.ini&.yml配置文件的属性网格显示 - Slim Data的侧面选项上的打开数据预览||配置文件
- 快速启动新的数据预览输入框,用于开放工作空间中的数据文件
- 保存过滤的数据网格||图表数据以
.arrow.csv.json(s).yml&.properties格式 - 保存和加载数据视图
.config选项 - 深色,光线,密集和高对比度蓝色数据预览?面板UI主题
下一个V。
- 将包括大型文本和二进制数据文件加载和Apache箭头数据流。
注意:数据预览?已经能够加载一些10+MB的大数据文件,其中包含100+K记录并广泛的支持数据格式列表,您很难在VSCODE Marketplace中找到一个扩展名。
请参阅数据/大/…数据文件夹,以获取示例大数据文件和数据视图.config您可以在数据预览中尝试。
安装
通过搜索data preview ||安装数据预览?通过VSCODE扩展选项卡( Ctrl+Shift+X )通过VSCODE扩展选项通过VSCODE市场搜索结果。
数据预览列表?扩展配置设置, data.preview命令,键盘快捷键,增强VSCODE UI上下文菜单,添加了数据语言映射,支持的数据文件列表以及可配置的主题和图表设置:
配置
在VSCODE中创建用户或工作区设置以更改默认数据预览?扩展设置:
| 环境 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| data.preview.theme | 细绳 | 黑暗的 | 数据预览UI主题: dark , light , dense.light灯,致密dense.dark或vaporwave (hight对比蓝色主题) |
| data.preview.charts.plugin | 细绳 | D3FC | 数据预览图表库用于内置图表:D3FC或HighCharts |
| data.preview.create.json.files | 布尔 | 错误的 | 为箭头,AVRO和Excel二进制数据格式创建.json数据文件 |
| data.preview.create.json.schema | 布尔 | 真的 | 创建.schema.json文件的箭头和avro元数据二进制数据格式 |
| data.preview.opensavedfileeditor | 布尔 | 真的 | 在数据保存上打开创建的数据文件内容编辑器 |
| data.preview.log.Level | 细绳 | info |
数据预览运行日志级别: info或debug问题故障排除 |
数据预览?示例使用dark UI主题与d3fc图表数据config ,查看超市.arrow Data File 🙂
用法提示
数据预览?启动提示
- 运行
View -> Command Palette...>Data: Preview Data命令或Ctrl+Shift+D在打开的.json.config.env.properties.ini.yml或.csv/.tsv文本数据文件文件文档以启动数据预览面板。 -
File -> Save(Ctrl+S)您的文本数据文件,以在打开数据预览中立即更新。 - 右键单击binary
.xlsx/.xlsb,.arrow或.avro数据文件中的VSCODE文件资源管理器中的avro数据文件以启动数据预览面板。 - 使用裸露的
explorer/context,editor/title或editor/title/context预览数据?或在侧面上下文菜单选项上预览数据来预览您的数据文件。 - 单击数据视图文件名工具栏链接以加载保存的数据视图网格||图表
.config。 - 单击数据视图?图标以启动新的数据预览面板,以进行新的视图配置更改。
- 使用“开放数据文件”或“数据视图工具栏”选项启动新的数据预览。
- 运行
View -> Command Palette...>Data: Preview Remote Data命令或Ctrl+Shift+R,以启动远程http(s)数据文件的数据预览。
数据网格/过滤器/列UX提示
- 双击网格列标题以按该列对数据
Sort。 - 将列从左侧
Columns控制面板拖动到Filter fields中以进行数据过滤(Group By,Split By,Sort,Filter)。 - 在左侧
Columns控制面板中上下拖动列以在数据网格中重新排序显示列。 - 取消选中
Columns控制面板中的列,以将其从图表或数据网格显示中删除。
使用场景
使用数据预览?to:
- 加载大型数据文件用于排序,过滤和图表
- 导出以紧凑的二进制
.arrow数据格式显示数据,.ods.xlsb||.xlsx电子表格格式或.csv.json.yml.md或.properties文本格式 - Preview
.properites和其他键值配置文件以重新格式化或查找设置配置选项值 - 生成箭头和avro
.shema.json用于元数据文本预览这些二进制数据文件 - 生成
.json文件,以用于二进制Excel文件的文本数据预览 - 预览具有多个工作组的Excel文件和工作簿,而无需打开Excel
- 将
.csv或.tsv数据转换为.json或.yml格式 - 从
.md文档文件提取,排序,过滤并保存标记表 - 使用内置图表进行探索性数据分析
支持的JSON,配置,二进制和Excel数据文件格式
提示:从此存储库数据/…文件夹尝试示例数据和数据视图.config文件data/arrow data/avro data/parquet data/parquet data/config data/excel data/json data/json data/yaml data/large
VEGA数据集存储库还包含大量的示例.csv & .json数组数据文件,您可以在数据预览中尝试使用。
数据预览?文件匹配规则
{ \"when\" : \"resourceFilename =~ /.*\\\\.(json|jsonl|json5|hjson|ndjson|arrow|arr|avro|parquet|env|config|properties|ini|yml|md|csv|tsv|txt|tab|dif|ods|xls|xlsb|xlsx|xlsm|xml|html)/\" , \"command\" : \"data.preview\" , \"group\" : \"navigation\" }
数据预览?文件加载详细信息
注意: .json .config & .yml配置文件不包含数组数据的文件被转换为平面属性键/值对对象,并以属性网格数据视图模式显示。有关更多信息,请参见JSON.UTILS.TS。
| 数据文件扩展名 | 文件类型 | 数据解析库/方法 | 数据格式规范 |
|---|---|---|---|
.json .config .jsonl .ndjson
|
文本 | JSON.parse() |
https://js**on.org*/ |
.json5
|
文本 | JSON5/ JSON5.parse()
|
https://jso*n5*.o*rg/ |
.hjson
|
文本 | hjson-js/ Hjson.parse()
|
https://hjson*.*or*g/ |
.arrow .arr
|
二进制 | apache-arrow/ Table.from()
|
https://arrow.a*pac**he.org/ |
.parquet
|
二进制 | parquets/ ParquetReader.openFile()
|
https://parquet.**apac*he.org/documentation/latest |
.properties .env
|
文本 | node-properties/ properties.parse()
|
https://en.wi*ki*pedi*a.org/wiki/.properties |
.ini
|
文本 | node-properties/ properties.parse()
|
https://en.**wik*ipedia.org/wiki/ini_file |
.md
|
文本 | REGEXP/ markdownToCsv()
|
https://en.**wiki*pedia.org/wiki/markdown |
.yml .yaml
|
文本 | JS-yaml/ yaml.load()
|
https://**y*aml.org/ |
.csv .tsv .txt .tab
|
文本 | Perspective/ perspectiveViewer.load(text)
|
https://en.wik*ipe*d*ia.org/wiki/comma-separated_values https://en.wi*ki**pedia.org/wiki/tab-separated_values |
.dif .ods .xls .xlsb .xlsx .xlsm .xml .html
|
二进制/文字 | JS-XLSX/ XLSX.read()
|
有关Excel文件格式的更多信息 |
有关数据加载和保存immentation详细信息,请参见Data Manager API和SRC/DATA.PROVIDERS文件夹。
提供了图表类型
- 区域图
- 条形图
- Candlesick图表(仅
d3fc)) - 热图
- 线图
- OHLC图(仅
d3fc) - 散点图
- 朝阳
- 树地图
支持的过滤功能
-
<, <=, ==, !=, >, >=日期和数字列/字段 ==, !=, contains, in, not in, begins with, ends with-
&, |, and, or, ==, !=bolean fields
支持的聚合功能
- 任何
- avg
- 数数
- 独特的计数
- 主导的
- 首先是索引
- 最后一个索引
- 最后的
- 高的
- 低的
- 意思是
- 卑鄙的
- 中位数
- pct总和父
- pct总计总计
- 和
- 总和ABS
- 总和不为空
- 独特的
推荐的VSCODE扩展
其他扩展数据预览?替换,增强或补充,以使用VSCODE中的支持数据文件格式:
| 扩大 | 描述 |
|---|---|
| Excel查看器 | 查看Excel电子表格和CSV文件 |
| AVRO查看器 |
.avro文件查看器 |
| avro-idl | Avro IDL语法荧光笔 |
| Dotenv | .env语法荧光笔 |
| INI用于VSCODE | 为INI文件提供轮廓视图和部分折叠 |
| HJSON | HJSON语言语法支持 |
| JSON5语法 | 添加JSON5文件的语法突出显示 |
| NDJSON着色器 | 着色NDJSON(Newline Delimited JSON)文件 |
| yaml | Red Hat的YAML语言支持,内置的Kubernetes和Kedge语法支持 |
| Docs-yaml | docs.microsoft.com创作的yaml模式验证和自动完成 |
| Yaml到Json | 将YAML从剪贴板或当前文档/选择转换为JSON,反之亦然 |
| YAML的属性 | 将属性转换为yaml |
| 降价表格 | 转换Markdown表格更可读 |
开发日志
有关此VSCODE扩展程序以及下一步存储的内容,请参见Twitter上的#DataPreview?标签。
开发
$ git clone https://*gi*thub.c*om/RandomFractals/vscode-data-preview $ cd vscode-data-preview $ npm install $ code .
F5启动数据预览扩展VSCODE调试会话。
||
vscode-data-preview > vsce package
要从我们的最新vSix数据预览扩展程序包生成VSIX DATA PREVIEW扩展程序包,用于VSCODE中的本地DEV安装。
注意:使用Help -> Toggle Developer Tools VSCODE菜单选项查看数据预览控制台日志。
贡献
欢迎所有测试,代码或反馈贡献。
打开问题或创建拉动请求,以使此数据预览?扩展程序更适合所有人。
支持者
| SHEEPJS | 阿曼·米塔尔(Aman Mittal) |
