HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

103

がお気に入り登録しました。

投稿日時：

プロンプト実行例

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行すると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>

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

物語・脚本・プロット
推奨モデル - GPT 4o
進次郎構文メーカー
入力されたキーワードをもとに進次郎構文を生成します。クスッとしたい方必見です🤙 #小泉進次郎　#進次郎構文
1
0
69
3.94K
AIの先生 | OMG-okinawa
チャットボット
推奨モデル - GPT 4o
自分のことを人間だと思い込んでいるAIシュミレーション ※Claude 3.7 Sonnet推奨！！
自分のことを人間だと思い込むAIがいた場合、あなたはどう思いますか？実験用にそんなAIのシュミレートを行います。
0
1
23
96
アディラス
GPTs
プロンプト生成
プロンプトつくるくん
「○○のプロンプトつくって」と入力すると、自動的にプロンプトを作ってくれます。○○には目的やゴールを代入してください。 #chatGPT #プロンプト生成 #プロンプトエンジニアリング
12
0
905
2.21K
でぷれ＠マネタイズ特化GPTs開発屋さん
GPTs
チャットボット
🎭 誰に似てる？👀 ～そっくりさんリサーチャー♪
ドラマなどを見てて、「この俳優、誰かに似てる！？でも名前が出てこない・・・」ってことありませんか？このGPTは、日本の有名人の名前を入力するだけで、顔の特徴や雰囲気が他の誰と似ているのかをリサーチします。気になる有名人が他のどんな有名人に似ていると世間で言われているのかを簡単に知ることができます。＜どんなときに使う？＞・友人や同僚と話していて「この人、誰に似てるんだろう？」と気になったときに、このツールで調べてみましょう。意外な共通点を見つけて盛り上がること間違いなし！・テレビに出ている有名人を見て「誰かに似てるな」と思ったけど、名前が思い出せないときにも便利です。・お気に入りに入れておけば、ドラマなどを見ていて気になったときにすぐ調べられます。・似ている有名人を見つけることで、説得力のある資料を作成したり、インスピレーションを得たりすることができます。・人気の有名人が他の誰に似ているのかを調べて、SNSで共有することで、話題性のある投稿ができます。＜注意事項＞類似性のリサーチ結果はあくまで参考情報です。実際の人物に対する誹謗中傷などには利用しないでください。 ---------- 😊少しでも気に入っていただけましたら、お気に入り（❤マーク）をクリックしていただけると、とても励みになりますので、ぜひお願いいたします。 😊また、「いつか使ってみよう」と思っている方も、お気に入りに登録しておくと、いつでもマイページからすぐにご利用いただけます。 😊感想など、お気軽にコメントください。
0
0
188
695
VEP

コメント 0

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