Difference between revisions of "PieChart"
From Sega Retro
| Line 1: | Line 1: | ||
| − | <includeonly><div style="width:{{#var:diameter}}px; height:{{#var:diameter}}px; | + | <includeonly>{{#vardefine:diameter|{{{diameter|400}}}}}<div style="width:{{#var:diameter}}px; height:{{#var:diameter}}px; |
| + | {{#if:{{{1|}}}| | ||
background: conic-gradient( | background: conic-gradient( | ||
| − | {{{1 | + | {{{1}}} |
); | ); | ||
| + | }} | ||
border: 2px solid #000000; border-radius:{{#var:diameter}}px; overflow: hidden;"></div></includeonly><noinclude> | border: 2px solid #000000; border-radius:{{#var:diameter}}px; overflow: hidden;"></div></includeonly><noinclude> | ||
Revision as of 05:16, 10 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)