Team Plan - Full Stack Web App

Corporate Imagery

Team Plan visualised with d3, with actions saved on a sqlite database. NextJS

Tech

[React]
[Node]
[Next JS]
[Sqlite3]
[d3]
[save-svg-as-png]

Circular Team Plan

The goal was to create a circular team plan for Barnet Libraries. The service objectives needed to go in the middle ring, with each individual team and their respective targets linked to these objectives in the following rings.

I also needed to be able to export the D3 svg to png for printing - another goal was to print and display in staff areas, so I used saveAsPng.js

Originally you would just edit it from a csv file and then reupload it manually. A couple of re-writes in to this project now. Now utilising React Materilised UI components for sleek data entry.

The result

Name		Name	Last commit message	Last commit date
Latest commit History 109 Commits
.ipynb_checkpoints		.ipynb_checkpoints
components		components
constants		constants
helper		helper
pages		pages
server		server
styles		styles
.gitignore		.gitignore
.glitch-assets		.glitch-assets
README.md		README.md
Team plan 2020-21 Excel.xlsx		Team plan 2020-21 Excel.xlsx
checkdb.js		checkdb.js
index.ipynb		index.ipynb
index_old.ipynb		index_old.ipynb
next.config.js		next.config.js
objectives_lost.csv		objectives_lost.csv
objectivesfix.csv		objectivesfix.csv
package.json		package.json
planisphere-demo.png		planisphere-demo.png
yarn.lock		yarn.lock

0sumrich/team-plan

Folders and files

Latest commit

History

Repository files navigation

Team Plan - Full Stack Web App

Corporate Imagery

Tech

About

Topics

Resources

Stars

Watchers

Forks

Languages