codescale / wheel-of-life Goto Github PK

When I look in the document structure of the app, there is an example Wheel of Life PNG in the doc folder, which has numbering and edge colors included. It looks like this.

The generated PDF from the download function misses the numbering and edge colors. It looks like this.

Is it an idea to use the 1st (example) PNG instead?

The wheel looks like that in the browser:

And like that if you download it:

Hi, i have been playing around with this code and would like (if possible) a larger version (so the titles do not overlap) with 12 sections as opposed to the one with 8, i have tried to play around with the code and add extra sections but they appear to overlap and i cannot quite figure it out, any help would be appreciated to create a larger 12 section wheel that works the same, just with four extra sections, thank you in advance.

The idea is to provide a javascript file that can be used in any html page to embed the wheel-of-life.

After I've adjusted my wheel of life I want to download it to my local disk.

Within Chromium / Brave, the edges of the Wheel of Life display the text well (I believe 2 of them have a smaller text size defined in the code).

When I open the same wheel in Firefox, it does not display well.

This is occurring on Firefox 89.0.1 (64-bit)

How can we make headers of wheel editable?
Also SVG would be better option!

Customizable number of Headers
I want to increase/decrease the number of pie's/ sections in wheel...
something like this https://stackoverflow.com/questions/67087652/create-a-wheel-of-life-using-javascript-and-svg

Hi there,
go to https://codescale.github.io/Wheel-Of-Life/
the titles of each section is on top of each other

That's an amazing representation with all the svg and javascript, but is there a way to make it responsive? I tried a lot to do so but every time the background of the container and the svgs won't coincide. Can you help with this?

When I download the PNG, this does not contain the generated wheel of life.

Steps to reproduce

1. Go to https://codescale.github.io/Wheel-Of-Life/
2. Click on the download button
3. Verify the wheel of life of not generated into the PNG

I tried the slider on an iPhone and on android too apart from my laptop. Looks like the onchange function that calls the adjustScale doesn't get fired on ios somehow. I added an onblur event on the same line, works somehow. Do you think its correct? If not how can it be solved?