Vector-based creative coding 🎨

Flow fields are basically a grid of vectors. One can create all kinds of visuals based on it. A stunning example is the Wind Map by Fernanda Viégas and Martin Wattenberg with a fur-like texture visualizing the speed of the wind.

Image for post
Image for post
Image credit: Wind Map by Fernanda Viégas and Martin Wattenberg

Today I’ll demonstrate how to cook up some unique visuals using flow fields. The standard flow fields look like this, yet I’ll showcase some alternative looks.

The ingredients

A flow field usually consist of (1) a vector field and (2) particle systems. The vector field can be made up of a grid of 2D or 3D vectors. When it comes to 3D, we can view the 2D canvas as a cross-section of a 3D space (more details in this Coding Train video by Daniel Shiffman). …

About

Hannah Yan Han

#100daysproject on data science and visual storytelling ✈️🗺️

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store