https://github.com/image-charts/google-sheets-add-on-dependency-graph
Insert a dependency graph in Google Sheets (custom formula)
https://github.com/image-charts/google-sheets-add-on-dependency-graph
chart dependency-graph google-sheets graph
Last synced: about 1 month ago
JSON representation
Insert a dependency graph in Google Sheets (custom formula)
- Host: GitHub
- URL: https://github.com/image-charts/google-sheets-add-on-dependency-graph
- Owner: image-charts
- Created: 2018-09-11T07:09:23.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-11-25T10:50:39.000Z (over 4 years ago)
- Last Synced: 2025-03-17T09:44:18.763Z (about 1 month ago)
- Topics: chart, dependency-graph, google-sheets, graph
- Language: JavaScript
- Homepage: https://chrome.google.com/webstore/detail/bainjkfkhoipphfdlnlcnoddiggamjpd/
- Size: 16.3 MB
- Stars: 7
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Insert a dependency graph in Google Sheets (custom formula)
============================================================
[](https://codecov.io/gh/image-charts/google-sheets-add-on-dependency-graph) [](https://circleci.com/gh/image-charts/google-sheets-add-on-dependency-graph)
# What is is?
Dependency graph is a Google Apps add-ons for Google Sheet that display beautiful dependency image graphs generated with [Image-Charts](https://www.image-charts.com/?google-sheets-add-on-dependency-graph).
- [🤩 Demo](https://docs.google.com/spreadsheets/d/1xucvdzTcDqMYAgL2wAS0UpARWyHyz9-_ratqyLZKeME/edit#gid=0)
- [📹 Screencast](https://www.youtube.com/watch?v=2T6oHo7FVdI)
# Usage
- Open your spreadsheet
- Menu `Add-ons` > Get `add-ons` > [Find this add-on](https://chrome.google.com/webstore/detail/bainjkfkhoipphfdlnlcnoddiggamjpd/)
- use it ([screencast](https://www.youtube.com/watch?v=2T6oHo7FVdI)) `=image(DEPENDENCY_GRAPH_URL(B2:B23; F2:F23; "ortho"); 2)`
# The story
> We've built a roadmap on google spreadsheet but now we can't find a way to visualize the whole dependency graph 😥
> [Hold my beer](https://twitter.com/FGRibreau/status/1041782155364446208).
# Add-on development
### Setup
- Enable Apps Script API: https://script.google.com/home/usersettings
- `npm install`
- `npm run first-run` to setup clasp
### Deploy on Google App Scripts
```
npm run deploy
```
- Title: Dependency graph visualization
- Short description: Sheet add-on that display beautiful dependency image graphs to visualize project roadmap or anything else that has dependencies.
- Add-on Type: Sheets
- Help url: https://www.youtube.com/watch?v=2T6oHo7FVdI
- Report issue url: https://stackoverflow.com/questions/tagged/image-charts
- Post-install tip: Create a two column table, 1st column for items, 2nd column for what the item depends on. Then use the formula =IMAGE( DEPENDENCY_GRAPH_URL(A2:A7, B2:B7) ) to display the dependency chart in a cell.
- Detailed description: A Google Sheet add-on that display beautiful dependency image graphs. Perfect for project roadmap, visualizing multiple dependencies, mind-map, etc...
### Validate auth
Follow [the official tutorial](https://developers.google.com/apps-script/guides/client-verification).
### Resources
- https://developers.google.com/gsuite/add-ons/overview
- https://developers.google.com/gsuite/add-ons/how-tos/publish-addons
- https://github.com/gsuitedevs/apps-script-samples
- https://stackoverflow.com/a/37056733/745121
- https://github.com/oshliaer/google-apps-script-awesome-list
- https://github.com/fossamagna/gasify