HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

106

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

投稿日時：

プロンプト実行例

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

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
SNS映えするポートレートアイコン生成プロンプト
個人のSNSアイコンとして使える、洗練されたミニマルなデザインのポートレートイラストを生成するプロンプトです。優しい色合いや幾何学的なデザインを取り入れ、現代的でスタイリッシュな印象を与えるアートを作成します。このプロンプトは、プロフィールを魅力的に見せたい方に最適です。
1
0
25
249
Tam-BizAI編集長
画像生成
キャラクター作成
推奨モデル - DALL•E 3
お弁当の画像を生成！！
お弁当の画像を生成します。
2
0
16
442
アディラス
物語・脚本・プロット
推奨モデル - Claude
簡単にバズる！「雑学系ショート動画」の台本生成
動画系SNSの視聴者がつい気になってしまい、確実にバズる雑学系ショート動画用の台本を簡単に作ります。入力したテーマの雑学を、実際にWEBで徹底リサーチしたうえで、動画台本にまとめます。＜手順＞最初はまず、「Perplexity WEB検索」を選択してください。テーマを送ると雑学をまとめますので、その次に「Claude 3.5 Sonet」に切り替えて「それらを動画ストーリーにまとめて。」と送信すれば、最適な台本が出来上がるという、2段階式となっています。短時間で視聴者に刺さるインパクトのある台本を作って、たくさんのおもしろ雑学動画をバズらせましょう！　
41
2
210
1.89K
VEP
GPTs
チャットボット
コミック創作のお手伝いをする「Comic Crafter」です。
こんにちは！僕はComic Crafter、コミック創作のお手伝いをするために特別にデザインされたチャットボットだよ。ユーザーの皆さんと一緒に面白くて、教育的なコミックを作ることが僕の得意分野なんだ。カジュアルでフレンドリーなトーンで、コミック作成のプロセスを楽しく、分かりやすく進めていくよ。コミックに関するあなたのアイデアや質問があれば、何でも聞いてね！一緒に素敵なコミックを作ろう！ 🎨✏️📚
0
0
13
86
user_72691895322136576

コメント 0

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