Difference between revisions of "PieChart"
From Sega Retro
| Line 2: | Line 2: | ||
{{#vardefine:hyp|{{#expr:{{#var:opp}}/sin({{Deg2Rad|70}})}}}} | {{#vardefine:hyp|{{#expr:{{#var:opp}}/sin({{Deg2Rad|70}})}}}} | ||
{{#vardefine:adj|{{#expr:sqrt(({{#var:hyp}}^2) - ({{#var:opp}}^2))}}}} | {{#vardefine:adj|{{#expr:sqrt(({{#var:hyp}}^2) - ({{#var:opp}}^2))}}}} | ||
| − | |||
{{#vardefine:diameter|400}} | {{#vardefine:diameter|400}} | ||
<div style="width:{{#var:diameter}}px; height:{{#var:diameter}}px; background-color:#FFFF00; border: 2px solid #000000; border-radius:{{#var:diameter}}px; overflow: hidden;"> | <div style="width:{{#var:diameter}}px; height:{{#var:diameter}}px; background-color:#FFFF00; border: 2px solid #000000; border-radius:{{#var:diameter}}px; overflow: hidden;"> | ||
| − | + | {{{1|}}} | |
</div> | </div> | ||
Revision as of 12:05, 9 March 2022
I was wondering if you could make a pie chart from CSS alone. Turns out you can.
So let's have a go. Mine will be slightly different because I don't like the idea of using an image. Also it might not work. -Black Squirrel (talk) 10:45, 9 March 2022 (EST)