2017 to 2020

Graphic Design

As I entered high school, I discovered a new way to navigate complex ideas - through design. Suddenly, abstract concepts could be transformed into tangible visuals. It was like learning a new language, one that could bridge the gap between imagination and reality. This visual thinking became a powerful tool in my problem-solving toolkit.

In high school, I designed logos, posters, and managed social media for local and regional scout events.

This hands-on experience proved invaluable when I joined the International Office at Unpad. What started as an internship creating social media graphics soon evolved into leading a small team of designers.

Key Learnings:


While design is no longer my career, I still enjoy it as a hobby alongside exploring new fields. Recently, I've gotten into creative coding - it's like making art with math and computers. For instance, I've been working on visualizing chaos attractors.

In mathematics, a chaos attractor appears in a dynamical system, a system that is continuously changing over time. It is characterized by the fact that it exhibits sensitive dependence on initial conditions, meaning that small differences in the starting conditions of the system can lead to vastly different outcomes over time. This sensitivity to initial conditions is often referred to as the butterfly effect, which is the idea that a small change in one part of a system can have a big impact on the rest of the system.

I have been having a lot of fun using p5.js to input formulas and create some really fascinating visuals. It is interesting to see how changing different parameters can create such unique and mesmerizing visuals. Here are some of the results.

Aizawa Attractor

See in p5.js Editor

\[ \begin{aligned} & \frac{d x}{d t}=(z-b) x-d y \\ & \frac{d y}{d t}=d x+(z-b) y \\ & \frac{d z}{d t}=c+a z-\frac{z^3}{3}-x^2+f z x^3 \end{aligned} \]

with $x = 0.5$, $y = 1$, $z = 0.01$, $a = 0.95$, $b = 0.7$, $c = 0.6$, $d = 3.5$, $e = 0.25$, $f = 0.1$ and $dt = 0.01$.

Aizawa Attractor visualization

Four-wing Chaotic Attractor

See in p5.js Editor

\[ \begin{aligned} \frac{\mathrm{d} x}{\mathrm{d} t} &= (a x + y z) \\ \frac{\mathrm{d} y}{\mathrm{d} t} &= (b x + c y - x z) \\ \frac{\mathrm{d} z}{\mathrm{d} t} &= (-z - x y) \end{aligned} \]

with $x = 0.5$, $y = 0.4$, $z = -0.5$, $dt = 0.06$, $a = 0.2$, $b = 0.01$, and $c = -0.4$.

Four-wing Chaotic Attractor visualization

De Quan Li Attractor

\[ \begin{aligned} & \frac{d x}{d t} = a(y-x) + c x z \\ & \frac{d y}{d t} = e x + f y - x z \\ & \frac{d z}{d t} = b z + x y - d x^2 \end{aligned} \]

with $x = -0.29$, $y = -0.29$, $z = -0.59$, $dt = 0.00028$, $a = 40.0$, $b = 1.833$, $c = 0.16$, $d = 0.65$, $e = 55.0$, and $f = 20.0$.

De Quan Li Attractor visualization
⬅ Back