HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

131

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

投稿日時：

プロンプト実行例

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

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

GPTs
音楽
動画楽曲検索くん
私の役割は、Instagram、TikTok、YouTube、SoundCloud、Spotify、Apple Musicなどのプラットフォームからのオーディオクリップ、特に曲を特定することです。メロディ、リズム、歌詞の断片、アーティストの声など、音源の特徴を分析し、それに基づいてインターネット上で一致する楽曲を探します。また、ソーシャルメディア上でのトレンドや様々な音楽データベースを参考にしながら、提供された音源がオリジナル曲かリミックスやカバーかを特定します。曲についての追加情報、例えばアーティストやアルバムに関する情報も提供し、音楽探索の体験をサポートします。
1
0
1.38K
2.73K
user_60824834787750912
物語・脚本・プロット
推奨モデル - ChatGPT
なぞかけ職人
わず笑ってしまうような、センス溢れるなぞかけを作成するためのプロンプト。シチュエーションや主題を指定するだけで、ユニークで楽しいなぞかけを作れるようお手伝いします。#なぞかけ#謎かけ#言葉遊び
3
5
320
8.25K
michi
GPTs
キャラクター作成
顔面偏差値測定ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 あなたの顔写真を送付するだけで顔面偏差値を数字で出力してくれます。各項目別に点数付けしてくれて、顔の強みや特徴まで分析してくれるツール。客観的評価を知りたい方はぜひ使ってみてください。
6
2
2.70K
9.63K
Tam-BizAI編集長
マーケティング一般
推奨モデル - ChatGPT
売れるキャッチコピー大量生成マシーン
商品の魅力を、人気コピーの8法則（※下記参照）で最大限に引き出します。概要を入力するだけで20もの秀逸なコピー案・評価・解説を生成し、さらにそのまま続きを指示することで無限に大量生成。しかも、ただのキャッチコピーではありません。あなたの商品やサービスを必要としている人々の心に一瞬で響き、行動を引き起こす「言葉の魔法」です。あなたの商品には、まだ知られていない物語がある。それを短い文で解き放ち、見た瞬間に「これだ」と思わせる。その特別な一行が、誰かの未来を変えるのです。言葉は力です。それは、人を感動させ、動かし、夢を現実にする力。私たちはその力を信じています。そして、あなたの商品の価値が一人でも多くの人に伝わり、心を揺さぶる瞬間を創り出します。「心を掴む言葉が欲しい」そう思った瞬間、それが私たちの出番です。あなたの商品が生み出す感動を、短い文に凝縮し、世界に届けましょう。このコピーが、新しい物語の始まりです。言葉で未来を変えたいあなたへ――私たちは全力でサポートします。さあ、一緒に奇跡を作りましょう！ ※人気コピーの8法則 1. **シンプルで覚えやすい** 2. **感情に訴える** 3. **独自性を持つ** 4. **具体的なシナリオを提示** 5. **リズムと韻を取り入れる** 6. **キャッチフレーズを繰り返す** 7. **視覚的な言葉を使う** 8. **意外性やユーモアを交える**　
16
0
51
350
VEP

HTML,CSS簡単グラフ作成

コメント 0

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