Crawler995/Lines-in-Circle

What happened if a quantity of lines cover on a circle?

Lines in Circle

Introduction

A casual idea, but looks surprised when finished.
If a quantity of lines cover on a circle, what will we see?
https://crawler995.github.io/Lines-in-Circle/

All configuration are in config.js, you can modify them.
mapFunc in it is the interesting item.
When it equals i * 2, we will see Cardioid curve in the circle.
When it equals i * 3, we will see Nephroid curve in the circle.
Try to modify it casually, there're endless possibilities.

Build

1. You can double click index.html to run it. In this way, if you modify the configuration or the source code, the changes will not become effective. You have to refresh the page.
2. do npm install, and npm run dev, the page will be opened automatically in localhost:3000. In this way, if you modify the configuration or the source code, the changes will become effective immediately without manual refresh.

Show

mapFunc = i => i * 0.618

mapFunc = i => i * 2

mapFunc = i => i * 2.5

mapFunc = i => i * 3

mapFunc = i => i * 6

mapFunc = i => i * 10

mapFunc = i => Math.sin(i)

mapFunc = i => Math.atan(i)