Skip to content

A small project for tracking the progress of cycling an aquaponic system. Using D3.js and React/Redux

Notifications You must be signed in to change notification settings

TimmDay/Aquaponic-Cycler

Repository files navigation

Aquaponic Cycling Tracker 🐟 🌱 🐠

With a D3.js (version 5) multiline line graph visualisation in React/Redux

Please check out the working version ✨

If you are cycling an Aquaponic System, you can make an account and start tracking the growth of your food producing bacterial colonies. You fish will thank you (for not prematurely killing them due to negligence).

For ❓, 🪲 or feature requests I'm at @FishPlantFish on twitter. The next feature on the list is to include system supplements records, so that you can visualise when certain supplements were added and what impact they had on system health.

PS: You might have found your way here looking for a D3 v5 multi-line-graph 📈. I was unable to find anything like it online, so feel free to copy pasta mine and adapt for your needs. 🍝

You can find it in src/components/D3LineGraph.js. Note the default props at the base of the file, you can pass in your own if you like.

🐟 🌱 🐠

Installation:

You will not be able to run this project locally without first setting up your own firestore db.

Built with:

  • React/Redux
  • D3.js (v5) for visualisations
  • firebase firestore as db
  • firebase/google auth
  • node, express
  • deployed with heroku

Relevant 3rd party docs:

d3-tip

About

A small project for tracking the progress of cycling an aquaponic system. Using D3.js and React/Redux

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published