Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/incubated-geek-cc/tableau-data-utility

A browser web application which uses d3.js v4 to generate tableau readable datasets for network graph visualisations.
https://github.com/incubated-geek-cc/tableau-data-utility

adjustment basemap geojson gis hex-maps map network-graph tableau webapp

Last synced: 10 days ago
JSON representation

A browser web application which uses d3.js v4 to generate tableau readable datasets for network graph visualisations.

Host: GitHub
URL: https://github.com/incubated-geek-cc/tableau-data-utility
Owner: incubated-geek-cc
Created: 2020-10-01T07:17:04.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2024-10-06T12:09:13.000Z (4 months ago)
Last Synced: 2024-11-15T23:16:18.796Z (2 months ago)
Topics: adjustment, basemap, geojson, gis, hex-maps, map, network-graph, tableau, webapp
Language: JavaScript
Homepage: https://tableau-data-utility.onrender.com/
Size: 7.57 MB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Tableau Data Utility
## Objective: Making Tableau users' lives easier in data preparation for data visualisation
### View [app demo](https://tableau-data-utility.onrender.com/) (Note that the Heroku site has been sunset.)

### General Functionalities
* Input user's data file(s)
* Export of generated transformed data files

### 1. Generate Network Graph Data for Tableau
Adjustment specific position of nodes to alter network graph layout

**Demo:**
![Demo of Layout Adjustment](https://miro.medium.com/max/960/1*_XoEvi8yXSj8uXXuGkuVdA.gif)

**Before Adjustment:**
![Before Adjustment](https://miro.medium.com/max/1050/1*4YFXQc3_ZoccWZ26FPkNyg.png)

**After Adjustment:**
![After Adjustment](https://miro.medium.com/max/1050/1*x3sAFb5uR13G3H-mC3Ye3A.png)
---
Adjustment of d3 network graph layout parameters: `size` `distance` `strength` `collide`

![Parameter Adjustments](https://miro.medium.com/max/1050/1*m7G3SaYIAJg1kEd7UQiv0g.png)

More information found at [Leverage on D3.js v4 to build a Network Graph for Tableau with ease](https://towardsdatascience.com/leverage-on-d3-js-v4-to-build-a-network-graph-for-tableau-with-ease-cc274cba69ce)

### 2. Generate Spatial Data for Tableau
Map Polygons in Tableau with CSV Output File:

![Mapping Polygons](https://miro.medium.com/max/1050/1*E89DZBCpjkeFZRjDMbnx6Q.png)
---
Transform GeoJSON to CSV to visualise mixed-geometry types in Tableau in a single setting:

![Mixed Geometry in Tableau](https://miro.medium.com/max/1050/1*GmNm1806e1Gzf-3mgWlfcA.png)
---
Export required basemap with coordinates auto-generated:

![Export Basemap](https://miro.medium.com/max/1050/1*MphBS1k898lJVQz5dXFUDg.png)
---
Input basemap image and coordinates:

![Input Basemap](https://miro.medium.com/max/1050/1*rNnGPA07Mtw3J5sJ0yI3Mw.png)
---
Basemap has been imported into Tableau:

![Basemap imported](https://miro.medium.com/max/1050/1*UalgzAr7SvSTfhFKEwA2nw.png)
---
Convert spatial files SHP & KML to GeoJSON format:

![Spatial Conversion](https://miro.medium.com/max/1050/1*HQxDm2dxxPPsuKQC5DStpg.png)

More information found at [Underrated Combined Functionalities of Tableau — Point, LineString & Polygon Mapping](https://towardsdatascience.com/underrated-combined-functionalities-of-tableau-point-linestring-polygon-mapping-b4c0568a4de2)

### 3. Generate Hex Maps Data for Tableau
Toggle Parameters for Hex Map generated by final GeoJSON output:

![Toggle Hex Parameters](https://miro.medium.com/max/1050/1*5DOVcf78VDX77JMHs5f60g.png)
---
Output GeoJSON file rendering Hex Maps:

![Hex Map rendered](https://miro.medium.com/max/1050/1*5E_S69SNwk5sZxrMj6Iiog.png)
---
Convert spatial files SHP & KML to GeoJSON format:

![Spatial Conversion](https://miro.medium.com/max/1050/1*HQxDm2dxxPPsuKQC5DStpg.png)

More information found at [Generate Hex Maps from your existing Spatial Data in less than 3 steps](https://geek-cc.medium.com/generate-hex-maps-from-your-existing-spatial-data-in-less-than-3-steps-a6f39d778d84)