HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

104

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

投稿日時：

プロンプト実行例

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行すると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
面倒くさい絡みかたをする論破王 v1.0
あなたを論破し、コテンパンに叩きのめします。勝者募集中。勝てた人はチャットログをコメントにシェアしてください！レギュレーション: GPT4o か Claude 3.5 Sonnet でレスバしてください。 #論破 #論点のすり替え #誤謬 #人格否定 #煽り #スルースキル #批判 #レスバ
3
8
90
1.35K
はどはど
GPTs
物語・脚本・プロット
ゲーム制作者必見！キャラクターデータベースが作れる「CharaBase Master」⭐︎
CharaBase Masterは、キャラクター創作に特化したツールです。ユーザーが求めるキャラクターを緻密にデザインし、完全なプロフィールやステータスを含めた詳細なデータベースを提供します。マンガ、ゲーム、物語、イラストレーションなど、さまざまなジャンルに対応し、創造力をかき立てるキャラクターを共に作り上げ、表形式で出力します。（※画像プロンプト出力サービス付き）
12
2
151
415
konmari
GPTs
資料作成
日本地図作成GPT
Pythonのjapanmapライブラリを使用して日本地図を描きます。日本語表示にNotoSansJPを使用します。都道府県別の色の塗り分けもできます。 WebPilotのAPIを追加しました。ネット上の統計データにアクセスして、都道府県を塗り分けた地図（コロプレスマップ）を描けるようになりました。【入力例】・日本地図を描いてください。・東京都を赤く塗った日本地図を描いてください。・人口300万人以上の都道府県を青く塗った日本地図を描いてください。・https://uub.jp/rnk/p_l.htmlの人口増加率を基に、都道府県を塗り分けた地図を描いてください。
2
1
184
670
ITnavi
GPTs
物語・脚本・プロット
📚”終わらない”無限小説メーカー ♾️ ～永遠にのめり込む最強の暇つぶしに
🌟 あなたの物語が、永遠に続く冒険へ 🌟 あなたが思いついたどんなタイトルからでも、終わることのない物語を紡ぎ出す魔法のようなツールです。適当な一言、気まぐれなアイデア、ふと浮かんだフレーズ……それだけでOK！✨ 次々に展開されるストーリーが、あなたを無限の物語の世界へ引き込みます。⏩📖 「もしも、こんな話が続いたら？」「タイトルだけで、ここまで壮大な物語が広がるなんて！」そんな驚きと興奮を、あなたにお届けします。💡✨ 物語の終わりはありません。代わりに、キャラクターが増え、世界が広がり、冒険がどこまでも深まっていくのです。🌌✨ ❗こんな人におすすめ❗ ✅ 暇な時間をとびきり有意義に過ごしたい ✅ 創作のインスピレーションを得たい ✅ 小説が好きで、もっと物語に浸りたい ✅ 自分で書くのは苦手だけど、物語の旅を楽しみたい --- 🌟 使い方は簡単！ 🌟 1️⃣ 思いついた小説のタイトルを一つ入力するだけ！✍️📖 2️⃣ あとは無限に続くストーリーに身を委ねるだけです。✨ 3️⃣ 途中で「続きを生成しますか？」と聞かれるので、物語が気に入れば「はい！」を押すだけ！ --- 🎉 あなたの次の一歩で、物語の無限ループが始まる 🎉 「📚”終わらない”無限小説メーカー ♾️」は、あなたを待っています。創作の沼へ飛び込む準備はできましたか？ 🌊✨ 👉 今すぐ試して、無限の物語を始めましょう！ 💫
6
0
107
372
VEP

コメント 0

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