geo-data-viewer
Geo Data Analytics tool for VSCode IDE with kepler.gl support to generate and view maps ๐บ๏ธ without any Python
๐, IPyWidgets
โ๏ธ, pandas
๐ผ, Jupyter notebooks
๐, or ReactJS
โ๏ธ app code.
Features
- Map View ๐บ๏ธ for GeoJSON, TopoJSON, keplerg.gl JSON, KML, GPX, shapefiles, FlatGeobuf, IGC, WKT, and
CSV
geo data files - Create
.geojson
file for.topojson
,.kml
,.gpx
,.fgb
,.shp
.prj
and.dbf
shapefiles - Dark and Light Map View ๐บ๏ธ Controls UI Themes
- Dark, Light, Satellite and Outdoors Map Styles
- Map Gallery with public kepler.gl map configs to try
- Save map ๐บ๏ธ in
html
format to share with others via Slack or email - Save kepler.gl JSON data and map config for loading online via kepler.gl demo app or in this geo data tool
- Load map config or geo data from kepler.gl demo app url, github repository, or gists
- View map from Starred โญ๏ธ Gists in GistPad ๐
- View
CSV
andJSON
data with Data Preview ๐ธ grid and charts ๐
Usage
- Run
Geo: View Map
(ctrl/cmd + alt + m
) command on an open geo data document to view ๐บ๏ธ - Use
Geo: View Map from Url
(ctrl/cmd + alt + u
) command to load a map from kepler.gl demo app, github repository, or a gist - Run
Geo: Map Gallery
(ctrl/cmd + alt + g
) command to view a list of built-in public keplergl map configs ๐บ๏ธ
Supported File Formats
See kepler.gl file formats documentation for the supported geo data files in addition to the geo data formats this extension provides for kepler.gl map ๐บ๏ธ views: TopoJSON, keplerg.gl JSON, KML, GPX, FlatGeobuf, shapefiles, IGC, WKT.
Map Gallery
Geo Data Viewer ๐บ๏ธ comes with built-in Map Gallery for data analysts and devs to try kepler.gl maps ๐บ๏ธ found in the wild ๐:
Note: you can submit a PR with your kepler.gl maps ๐บ๏ธ data and config github repo or a gist to be added to the /data/README.md map gallery list.
Installation
Install Geo Data Viewer ๐บ๏ธ via VSCode Extensions tab (ctrl+shift+x
) by searching for geo
, or via VSCode marketplace search results in your browser.
Users of VSCodium, Azure Data Studio, and other VSCode-based IDEs can install Geo Data Viewer ๐บ๏ธ using .vsix
extension package attached to the Assets section in published releases of this extension on github. Follow install from .vsix instructions in your VSCode extensions compatible IDE or online container service to install it.
Note: VSCodium and other VSCode extension compatible IDE flavors are not officially supported as they require additional testing in those IDE variants.
Contributions
List of Geo Data Viewer ๐บ๏ธ commands, keyboard shortcuts, augmented VSCode UI context menus, added geo data Language mappings, and supported geo data files:
Configuration
Create User or Workspace Settings in vscode to change default Geo Data Viewer ๐บ๏ธ extension Settings:
Setting | Type | Default Value | Description |
---|---|---|---|
geo.data.viewer.theme |
string | dark |
Map View ๐บ๏ธ Controls UI Theme: dark or light |
geo.data.viewer.map.style |
string | dark |
Default Map Style: dark , light , muted (light), muted_night , satellite , dark_streets , light_streets , outdoors |
geo.data.viewer.create.geojson |
boolean | true |
Creates .geojson data file on disk for topojson , kml , gpx , fgb and shp map views |
Recommended Extensions
Other VSCode extensions Geo Data Viewer ๐บ๏ธ replaces, enhances or supplements for geo spatial analysis and working with geo data formats:
Extension | Description |
---|---|
Data Preivew ๐ธ | Data Preview ๐ธ extension for importing ๐ค, viewing ๐, slicing ๐ช, dicing ๐ฒ, charting ๐, and exporting ๐ฅ large JSON array/config, YAML, Apache Arrow, Avro & Excel data files. |
Tabular Data Viewer ๐ | Tabular Data Viewer provides fast DSV data loading and custom Table Views ๐ for large local and remote .csv, .tsv and .tab data files with Tabulator Table, Perspective View, and D3FC Chart Views ๐๐. |
Data Table Renderers | Data Table ๐ธ, Flat Data Grid ไธญ, and Data Summary ๐ท๏ธ Renderers for VSCode Notebook ๐ Cell โ Data Outputs. |
Leaflet ๐ Map ๐บ๏ธ | Leaflet ๐ Map ๐บ๏ธ for Notebook ๐ Cell โ Data Outputs. |
Vega Viewer ๐ | VSCode extension for Interactive Preview of Vega and Vega-Lite maps ๐บ๏ธ and graphs ๐. |
GistPad ๐ | VS Code extension for managing and sharing code snippets, notes and interactive samples using GitHub Gists. |
VSCode Map Preview | VSCode extension for visually previewing geospatial file content (GeoJSON, KML, etc) on a map. |
Geo Tools | Geo Tools VSCode extension allows you to easily interact with geographical data. |
Hex Editor | Allows Hex Editing inside VS Code. |
Dev Log
See #GeoDataViewer ๐บ๏ธ tag on Twitter for the latest and greatest updates on this vscode extension development, new features, and usage statistics.
Dev Build
$ git clone https://github.com/RandomFractals/geo-data-viewer
$ cd geo-data-viewer
$ npm install
$ code .
F5
to launch Geo Data Viewer ๐บ๏ธ extension VSCode debug session.
Support
Become a Fan to sponsor our dev efforts on this and other Random Fractals, Inc. code and data viz extensions if you find them useful, educational, or enhancing your daily dataViz dev code workflows and geo spatial analysis:
โ๏ธ https://ko-fi.com/dataPixy ๐ https://github.com/sponsors/RandomFractals