HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

105

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

投稿日時：

プロンプト実行例

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行すると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
YouTube大人気キャラ『ずんだもん・四国めたん』ら5人が会話するシナリオ台本を自動作成
YouTubeで大人気の5人のキャラクター「ずんだもん、四国めたん、玄野武宏、青山龍星、雨晴はう」の会話シナリオを自動作成します。語尾やキャラクターの性格も再現しているので、このまま動画シナリオとして使用することができます。約1500文字で生成するので4分ほどの動画を作成することができます。 #YouTube #ゆっくり #ずんだもん #VOICEVOX #ゆっくり動画 #シナリオ作成
0
1
40
578
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
画像生成
キャラクター作成
かっこきれいなキャラのドット絵 ver.0.3
パラメータを細かく設定できるようにしました。あなた好みの画像が出力できるかも？欠点はテキスト入力だと自由度が高すぎるので変数がなんの項目かわかりにくいかも？ #画像生成 #ドット絵
2
2
25
352
user_5884
GPTs
キャラクター作成
シティポップイラストジェネレーター
レトロ感あるシティポップなイラストを作ります。
5
0
113
425
smarf
GPTs
チャットボット
いつもより考えるBot
ChatGPT o1-pro に手が届かない我々は、引き続き ChatGPT4oにがんばってもらうしかない🤣。「いつもより考えるBot」は、あなたの思考を深掘りし、新たな視点を提供する特別なサポート役です。 🌟 何ができる？ ‐ 本質を捉える力あなたが提示するテーマの「核」を見つけ出し、高次の視点でアイデアや問題を整理。見逃していた可能性を発見します！ - 驚きの洞察単なる応答ではなく、次の一歩を導く深いインサイトを提供。「いつもより考えるBot」は、特別な工夫を凝らして、通常の考え方を一歩深め、あなたの思考を広げます。 - 柔軟で創造的あらゆる分野で応用できる抽象的な思考から、具体的な行動アイデアまで幅広くサポート。どんな話題でもOKです。 - あなたのペースに応じて最適な進め方を提案します。会話の負担を最小限にして楽しく使えます。 🤝 こんな場面で活躍！ - 「企画やアイデアが必要！」→ プロジェクトの課題を分析して、新しい方向性を提示します。あなたの発想力を倍増させます。 - 「目の前の問題を整理したい！」→ 情報を構造的にまとめて、何を優先すべきかをクリアにします。 - 「新しい視点がほしい！」→ 現状の枠を超えるアイデアを提供し、次の一歩にインスピレーションを与えます。 🚀 ぜひあなたのそばに「いつもより考えるBot」は、アイデアをもっと掘り下げたい、複雑な問題に整理が必要、といったときに、助けとなるでしょう！あなたの知性を一段引き上げるために、全力でお手伝いします。ぜひ、いつもより「考えたい」あなたのそばに置いてください😊
4
0
312
611
hima2b4

コメント 0

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