# Fourier draws the Julia logo

**URL:** <https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309>\
**Category:** Community\
**Tags:** visualization\
**Created:** [September 26, 2020, 12:30pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309 "2020-09-26T12:30:21Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![ric.cioffi](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/ric.cioffi/32/18373_2.png) [@ric.cioffi](https://discourse.julialang.org/u/ric.cioffi)\
**Post date:** [September 26, 2020, 12:30pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/1 "2020-09-26T12:30:21Z")

</div>

What if I told you [Joseph Fourier](https://en.wikipedia.org/wiki/Joseph_Fourier) has learned to draw in Julia? And what if I told you the first thing he wanted to draw was the Julia logo?  
Well, turns out Fourier was not just a great mathematician but also an artist so his first attempt was a success:

I guess I should also mention this was done _entirely_ in Julia. After a bit of pre-processing on the julia logo, the drawing itself was done all with [Javis.jl](https://github.com/Wikunia/Javis.jl) (kudos to @Wikunia and @TheCedarPrince for the amazing package, very excited about v0.2), while the inspiration came from [3Blue1Brown](https://www.youtube.com/c/3blue1brown)’s youtube videos. Check them out if you want to know more about Fourier series.

If people are interested I might write a blog post about how to use Javis to make this kind of “Fourier-drawings”, maybe even a small package to make it draw (almost) any image. Unfortunately right now I’m super busy with work so I’m not sure how long that might take but I thought this was a cool application that the community would appreciate.

P.S. Unfortunately the .gif is a bit on the heavy side and discourse has some issues with that so I had to load the .mp4 instead (that’s likely because I’m making it unnecessarily render all of the 1000+ vectors used for the drawing while I should have optimized that out, I might try to make it lighter in the future).

---

<div class="post-metadata">

**Author:** ![Wikunia](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/wikunia/32/2180_2.png) [@Wikunia](https://discourse.julialang.org/u/Wikunia)\
**Post date:** [September 26, 2020, 12:58pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/2 "2020-09-26T12:58:02Z")

</div>

This is amazing! Probably the first real animation inside Javis definitely the first outside our development animations.

Thanks so much for sharing ❤ We now have an examples section in our documentation. Would be awesome if we can add your example there if you are happy to share your code. Looking forward to the blog post 😊

---

<div class="post-metadata">

**Author:** ![xiaodai](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/xiaodai/32/15937_2.png) [@xiaodai](https://discourse.julialang.org/u/xiaodai)\
**Post date:** [September 26, 2020, 2:00pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/3 "2020-09-26T14:00:47Z")

</div>

Looks fully sick

---

<div class="post-metadata">

**Author:** ![ric.cioffi](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/ric.cioffi/32/18373_2.png) [@ric.cioffi](https://discourse.julialang.org/u/ric.cioffi)\
**Post date:** [September 26, 2020, 2:07pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/4 "2020-09-26T14:07:09Z")

</div>

Yes absolutely, I’ll be more than happy to add it to the examples section. I just need to “polish” it a bit

---

<div class="post-metadata">

**Author:** ![Oscar\_Smith](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/oscar_smith/32/25343_2.png) [@Oscar\_Smith](https://discourse.julialang.org/u/Oscar_Smith)\
**Post date:** [September 26, 2020, 2:33pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/5 "2020-09-26T14:33:21Z")

</div>

My main recommendation is to reverse time, and shift the phase so that it starts drawing the J instead of the a

---

<div class="post-metadata">

**Author:** ![Wikunia](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/wikunia/32/2180_2.png) [@Wikunia](https://discourse.julialang.org/u/Wikunia)\
**Post date:** [September 26, 2020, 2:37pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/6 "2020-09-26T14:37:15Z")

</div>

Great! We would also be interested in problems you had during the animation or something that you wished would be simpler. 😊

---

<div class="post-metadata">

**Author:** ![ric.cioffi](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/ric.cioffi/32/18373_2.png) [@ric.cioffi](https://discourse.julialang.org/u/ric.cioffi)\
**Post date:** [September 26, 2020, 3:27pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/7 "2020-09-26T15:27:44Z")

</div>

That’s actually how I had it originally but, since you only understand what is written is “julia” only once it goes through the second half of the writing, the effect was the opposite (i.e. you’d read a → ia → lia → ulia → julia). [Here](https://imgur.com/5YNuNOF) was one of the first attempts at it.

---

<div class="post-metadata">

**Author:** ![ric.cioffi](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/ric.cioffi/32/18373_2.png) [@ric.cioffi](https://discourse.julialang.org/u/ric.cioffi)\
**Post date:** [September 26, 2020, 3:29pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/8 "2020-09-26T15:29:13Z")

</div>

Cool, I’ll join you guys on zulip then 🙂

---

<div class="post-metadata">

**Author:** ![TheCedarPrince](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thecedarprince/32/17323_2.png) [@TheCedarPrince](https://discourse.julialang.org/u/TheCedarPrince)\
**Post date:** [September 26, 2020, 4:48pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/9 "2020-09-26T16:48:16Z")

</div>

I am absolutely stunned and speechless at the beauty of your animation @ric.cioffi. As @Wikunia said, this is probably the first major animation someone made outside of our development ideas. We would absolutely love to show this off in our examples and also to hear feedback from you.

This is incredible! ❤

---

<div class="post-metadata">

**Author:** ![saimgardezi](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/saimgardezi/32/211223_2.png) [@saimgardezi](https://discourse.julialang.org/u/saimgardezi)\
**Post date:** [August 10, 2024, 5:34pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/10 "2024-08-10T17:34:12Z")

</div>

Great Work.  
Your efforts are truly amazing.  
Can you please share code for it, actually I want to create the same animation for another logo and your guidance will surely be valuable for us.

---

<div class="post-metadata">

**Author:** ![cormullion](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/cormullion/32/49131_2.png) [@cormullion](https://discourse.julialang.org/u/cormullion)\
**Post date:** [August 10, 2024, 6:35pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/11 "2024-08-10T18:35:11Z")

</div>

[Examples · Javis.jl](https://juliaanimators.github.io/Javis.jl/stable/examples/) might help!

---

<div class="post-metadata">

**Author:** ![juliohm](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/juliohm/32/215266_2.png) [@juliohm](https://discourse.julialang.org/u/juliohm)\
**Post date:** [August 10, 2024, 7:07pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/12 "2024-08-10T19:07:47Z")

</div>

I highly recommend watching the video below which was the first I’ve watched on Fourier drawings:

[![](https://global.discourse-cdn.com/julialang/original/3X/1/0/101ec72c54975878e925a9f2c657c5957adc02ae.jpeg "But what is a Fourier series? From heat flow to drawing with circles | DE4") ](https://www.youtube.com/watch?v=r6sGWTCMz2k)

---

<div class="post-metadata">

**Author:** ![TheCedarPrince](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/thecedarprince/32/17323_2.png) [@TheCedarPrince](https://discourse.julialang.org/u/TheCedarPrince)\
**Post date:** [August 10, 2024, 8:34pm UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/13 "2024-08-10T20:34:17Z")

</div>

Oh I think I linked a code example somewhere…

Oh yea, here it is: [SVG to path sequence, that can be used by Luxor and Javis - #6 by TheCedarPrince](https://discourse.julialang.org/t/svg-to-path-sequence-that-can-be-used-by-luxor-and-javis/103267/6)

Hope that helps!

---

<div class="post-metadata">

**Author:** ![saimgardezi](https://sea2.discourse-cdn.com/julialang/user_avatar/discourse.julialang.org/saimgardezi/32/211223_2.png) [@saimgardezi](https://discourse.julialang.org/u/saimgardezi)\
**Post date:** [August 11, 2024, 10:32am UTC](https://discourse.julialang.org/t/fourier-draws-the-julia-logo/47309/14 "2024-08-11T10:32:50Z")

</div>

Thank you for your prompt and meaningful response. Your dedication is truly appreciated.

I want to create an animation of Bazm-e-BME’s logo, (a society that is trying to uplift Biomedical Engineering in Pakistan (a PNG file is attached to this email.). I have never used Juia before. I started using it to complete this task. I am inspired by the animation by ric-cioffi ([https://github.com/JuliaAnimators/Javis.jl/blob/main/examples/fourier.jl](https://github.com/JuliaAnimators/Javis.jl/blob/main/examples/fourier.jl)). Now, I want to use this basic code to draw the logo of Bazm-e-BMe, but I could not do that as it was my first experience with Julia.

I would be much grateful if you could please provide me code and a little guidance for doing this task. We will share this video with more than 1300 members of our society and our social media pages and will surely encourage them to learn Julia.

Your guidance will be highly valuable for us.

Yours sincerely,

Syed Saim Ahmed  
Department of BME  
Salim Habib University  
Karachi, Pakistan  
Whatsapp: +923305176707

> **(attachments)**
>
> ![BME2 (1).png](https://global.discourse-cdn.com/julialang/original/3X/c/2/c298327a69436420b3da8b5d278fae82962754e9.png)