HTML,CSS簡単グラフ作成

HTML,CSS簡単グラフ作成

項目に記入するだけで簡単にグラフをHTMLとCSSのコードに変換できます。

3
0
103
14
user_166910699665272832
user_152583498353807360
user_48419862826590208
がお気に入り登録しました。

投稿日時:

  • プロンプト実行例
HTML,CSS簡単グラフ作成

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行するとHTMLとCSSのコードが出力されます。

グラフ形式 , タイトル

名前 , パーセント

名前 , パーセント

名前 , パーセント

名前 , パーセント

HTML,CSS簡単グラフ作成
html
1<!DOCTYPE html>
2<html>
3  <head>
4    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
5    <script type="text/javascript">
6      google.charts.load('current', {'packages':['corechart']});
7      google.charts.setOnLoadCallback(drawChart);
8
9      function drawChart() {
10        var data = google.visualization.arrayToDataTable([
11          ['血液型', '割合'],
12          ['A型', 40],
13          ['B型', 30],
14          ['O型', 20],
15          ['AB型', 10]
16        ]);
17
18        var options = {
19          title: '血液型割合',
20          width: 400,
21          height: 300,
22          colors: ['#ff9999', '#ffcc99', '#ffff99', '#ccff99']
23        };
24
25        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
26        chart.draw(data, options);
27      }
28    </script>
29  </head>
30  <body>
31    <div id="chart_div"></div>
32  </body>
33</html>

コメント 0

他のプロンプトもチェック

  • 物語・脚本・プロット

    推奨モデル - GPT 4o
    入力されたキーワードをもとに進次郎構文を生成します。 クスッとしたい方必見です🤙 #小泉進次郎 #進次郎構文
  • チャットボット

    推奨モデル - GPT 4o
    自分のことを人間だと思い込むAIがいた場合、あなたはどう思いますか?実験用にそんなAIのシュミレートを行います。
  • GPTs

    プロンプト生成

    「○○のプロンプトつくって」と入力すると、自動的にプロンプトを作ってくれます。○○には目的やゴールを代入してください。 #chatGPT #プロンプト生成 #プロンプトエンジニアリング
  • GPTs

    チャットボット

    ドラマなどを見てて、「この俳優、誰かに似てる!? でも名前が出てこない・・・」ってことありませんか? このGPTは、日本の有名人の名前を入力するだけで、顔の特徴や雰囲気が他の誰と似ているのかをリサーチします。気になる有名人が他のどんな有名人に似ていると世間で言われているのかを簡単に知ることができます。 <どんなときに使う?> ・友人や同僚と話していて「この人、誰に似てるんだろう?」と気になったときに、このツールで調べてみましょう。意外な共通点を見つけて盛り上がること間違いなし! ・テレビに出ている有名人を見て「誰かに似てるな」と思ったけど、名前が思い出せないときにも便利です。 ・お気に入りに入れておけば、ドラマなどを見ていて気になったときにすぐ調べられます。 ・似ている有名人を見つけることで、説得力のある資料を作成したり、インスピレーションを得たりすることができます。 ・人気の有名人が他の誰に似ているのかを調べて、SNSで共有することで、話題性のある投稿ができます。 <注意事項> 類似性のリサーチ結果はあくまで参考情報です。実際の人物に対する誹謗中傷などには利用しないでください。 ---------- 😊少しでも気に入っていただけましたら、お気に入り(❤マーク)をクリックしていただけると、とても励みになりますので、ぜひお願いいたします。 😊また、「いつか使ってみよう」と思っている方も、お気に入りに登録しておくと、いつでもマイページからすぐにご利用いただけます。 😊感想など、お気軽にコメントください。
    0
    0
    188
    695