【CSS】お手軽円グラフの文字入れ・その他 - Little Strange Software

どうも！LSSです！！ 【CSS】お手軽（？）な円グラフの描き方【小ネタ】 - Little Strange Software で、お手軽なコードで円グラフをWebページに入れる方法について書きました。 実際に円グラフを置く場合には「どの色が何を示しているのか」や「数値でいうとどのぐらいなのか」を別途記載する必要があるかと思います。 書き方は色々あるかと思いますが、その例を２つほど。 それと、ちょっと気取った変形例を１つ、試してみました。 文字入れ例 凡例 斜めの円グラフ あとがき 文字入れ例 情熱 43% 冷静 23% 狂気 19% その他 15% 円グラフの中に、それぞれの内容を数値%で入れていく一例です。 コード <div style="position: relative; width: 200px; height: 200px; border-radius: 50%; backg

[kefugahi]

「狂気」の比率が結構高い（笑）このくらい狂気が見えてたらもう立派に狂人かなと思います。そう言えば脳みその中身診断メーカーとかあったっけ。漢字であらわされるヤツ。

[newgenworld]

いよいよ本格的な円グラフですね！これもチャレンジしたい🥺

[hukunekox]

中の文字入れすると本格的なりますね〜☺️✨