https://github.com/noahtigner/budgetvis

A tool for visualizing your budget. Written in JavaScript with JQuery and Ajax. Graphed with D3.js
https://github.com/noahtigner/budgetvis

ajax d3 jquery sankey

Last synced: 20 days ago
JSON representation

A tool for visualizing your budget. Written in JavaScript with JQuery and Ajax. Graphed with D3.js

• Host: GitHub
• URL: https://github.com/noahtigner/budgetvis
• Owner: noahtigner
• Created: 2019-12-22T20:39:19.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2019-12-22T20:39:34.000Z (about 5 years ago)
• Last Synced: 2024-11-03T22:33:45.268Z (2 months ago)
• Topics: ajax, d3, jquery, sankey
• Language: HTML
• Homepage: http://ix.cs.uoregon.edu/~nzt/sankey.html
• Size: 498 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# BudgetFlow

A tool for visualizing your budget.

Constructs Sankey flow diagrams.

                        

Available as a standalone web page or a full-stack web app (supports saving, security, etc.)

![BudgetVis](budgetvis.png)

## Use

Add nodes and their colors in the Nodes Table.

Add links between nodes and their respective value in the Links Table.

Rows can be added and removed from the table by clicking the '+' or '-' buttons on the right sides.

The graph will be redrawn when a new valid node or link is inserted, or an existing node or link is changed or removed.

Standalone Version:

- visit: [http://ix.cs.uoregon.edu/~nzt/sankey](http://ix.cs.uoregon.edu/~nzt/sankey)

Full Stack Version:

- use: flask run

- visit: [localhost:5000](localhost:5000)

## Development

Dependencies: 

- Flask 

- D3.js 

- JQuery 

## Author

Noah Tigner

[email protected]

References: Jarret Meyer's D3.js code for advanced D3 sankey graphs