The Data Garden Project

The Data Garden Project is an educational resource and learning community that introduces creatives, thinkers and tinkerers to the world of data visualisation & creative coding — through flowers, shapes, colours and more!

This project was made possible by the guidance of our mentor Karen Ann Donnachie, the Protostars grant from The Blackbird Foundation, the Processing Foundation 2023 Fellowship, and our incredible partners and team members. Founded and currently run by Joanne Amarisa and a multidisciplinary team across Melbourne, Australia and Jakarta, Indonesia.

*The Data Garden Project has since rebranded to Data Garden Co. Find us on our website: data-garden.co

7. A Thank You, and Congratulations
7. A Thank You, and Congratulations
6.8 Documentation on GitHub
6.8 Documentation on GitHub
6.7 Publishing with GitHub Pages
6.7 Publishing with GitHub Pages
6.6 Downloading Your Sketch Files from p5.js
6.6 Downloading Your Sketch Files from p5.js
6.5 Speed Exercise! | Style with CSS
6.5 Speed Exercise! | Style with CSS
6.4 Relative Measurements with JavaScript & CSS
6.4 Relative Measurements with JavaScript & CSS
6.3 Introduction to CSS
6.3 Introduction to CSS
6.2 Speed Exercise! | Write with HTML
6.2 Speed Exercise! | Write with HTML
6.1 Introduction to HTML
6.1 Introduction to HTML
6.0 Intro to Module 6 (Last Module!)
6.0 Intro to Module 6 (Last Module!)
5.15 Write a Coding Recipe!
5.15 Write a Coding Recipe!
5.14 Drawing Data in p5.js | Custom Functions & Objects
5.14 Drawing Data in p5.js | Custom Functions & Objects
5.13 Drawing Data in p5.js | Adding Hover Elements
5.13 Drawing Data in p5.js | Adding Hover Elements
5.12 Drawing Data in p5.js | Positioning a Dot Plot
5.12 Drawing Data in p5.js | Positioning a Dot Plot
5.11 Drawing Data in p5.js | Visualising with Arrays
5.11 Drawing Data in p5.js | Visualising with Arrays
5.10 Drawing Data in p5.js | Data Triggers
5.10 Drawing Data in p5.js | Data Triggers
5.9 Drawing Data in p5.js | Part 5 (If-Else Statements)
5.9 Drawing Data in p5.js | Part 5 (If-Else Statements)
5.8 Drawing Data in p5.js | Part 4 (If-Else Statements)
5.8 Drawing Data in p5.js | Part 4 (If-Else Statements)
5.7 Drawing Data as Shapes in p5.js | Speed Exercise
5.7 Drawing Data as Shapes in p5.js | Speed Exercise
5.6 Drawing Data in p5.js | Part 3 (Mapping)
5.6 Drawing Data in p5.js | Part 3 (Mapping)
5.5 Drawing Data in p5.js | Part 2
5.5 Drawing Data in p5.js | Part 2
Data Comics & Careers Part 3 | Q&A!
Data Comics & Careers Part 3 | Q&A!
Data Comics Part 2 | Project by Valentina
Data Comics Part 2 | Project by Valentina
Data Comics & Careers Part 1 | Meet Valentina!
Data Comics & Careers Part 1 | Meet Valentina!
5.4 Drawing Data in p5.js | Speed Exercise!
5.4 Drawing Data in p5.js | Speed Exercise!
5.3 Loading Your Table into p5.js
5.3 Loading Your Table into p5.js
5.2 Setting Up Your Dataset & Processing
5.2 Setting Up Your Dataset & Processing
5.1 Intro to Data Drawing in p5.js
5.1 Intro to Data Drawing in p5.js
Data Viz & Books Part 3 | Community Q&A
Data Viz & Books Part 3 | Community Q&A
Data Viz & Books Part 2 | A Year of Reading
Data Viz & Books Part 2 | A Year of Reading