Things we grow on our balcony

đŸŒ± My partner and I live in the city, but we're lucky enough to have a balcony with space to grow a few things. We've sowed different herbs and other food plants this spring, and we take notes of each plant type's main events. I thought it would be fun to make a visual overview over the season, so I've designed and built a plant tracker to visualise the food plant data. (You can read more about how I built the visualisation at the bottom of the article!)

đŸŒ± It's still early days—we're just reaching the end of April—but I'll update the plant tracker with new events throughout the season, so do check back later! Hopefully, both our plants and our knowledge will be growing nicely during the coming months.

đŸŒ± Hover or tap the flowerpot icons to learn more about each event!

How the visualisation was made

I used a combination of code, data about the plants, and drawings to build the visualisation. We collect the plant data in a Numbers spreadsheet, which can be converted into a CSV file and then used in a JavaScript function. The visualisation is built with D3.js. Instead of regular SVG markers, I designed and drew my own icons in Affinity Designer and exported the drawings as SVGs to use in the visualisation. The page setup is regular HTML + CSS.

If you liked this and want to see more of my work, visit my website!