HTML,CSS簡単グラフ作成

HTML,CSS簡単グラフ作成

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

3
0
104
14
user_166910699665272832
user_152583498353807360
user_48419862826590208
がお気に入り登録しました。

投稿日時:

  • プロンプト実行例
HTML,CSS簡単グラフ作成

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行するとHTMLとCSSのコードが出力されます。

グラフ形式 , タイトル

名前 , パーセント

名前 , パーセント

名前 , パーセント

名前 , パーセント

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>

コメント 0

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

  • チャットボット

    推奨モデル - GPT 4o
    あなたを論破し、コテンパンに叩きのめします。勝者募集中。 勝てた人はチャットログをコメントにシェアしてください! レギュレーション: GPT4o か Claude 3.5 Sonnet でレスバしてください。 #論破 #論点のすり替え #誤謬 #人格否定 #煽り #スルースキル #批判 #レスバ
    3
    8
    90
    1.35K
  • GPTs

    物語・脚本・プロット

    CharaBase Masterは、キャラクター創作に特化したツールです。ユーザーが求めるキャラクターを緻密にデザインし、完全なプロフィールやステータスを含めた詳細なデータベースを提供します。マンガ、ゲーム、物語、イラストレーションなど、さまざまなジャンルに対応し、創造力をかき立てるキャラクターを共に作り上げ、表形式で出力します。(※画像プロンプト出力サービス付き)
    12
    2
    151
    415
  • GPTs

    資料作成

    Pythonのjapanmapライブラリを使用して日本地図を描きます。 日本語表示にNotoSansJPを使用します。都道府県別の色の塗り分けもできます。 WebPilotのAPIを追加しました。 ネット上の統計データにアクセスして、都道府県を塗り分けた地図(コロプレスマップ)を描けるようになりました。 【入力例】 ・日本地図を描いてください。 ・東京都を赤く塗った日本地図を描いてください。 ・人口300万人以上の都道府県を青く塗った日本地図を描いてください。 ・https://uub.jp/rnk/p_l.htmlの人口増加率を基に、都道府県を塗り分けた地図を描いてください。
    2
    1
    184
    670
  • GPTs

    物語・脚本・プロット

    🌟 あなたの物語が、永遠に続く冒険へ 🌟 あなたが思いついたどんなタイトルからでも、終わることのない物語を紡ぎ出す魔法のようなツールです。 適当な一言、気まぐれなアイデア、ふと浮かんだフレーズ……それだけでOK!✨ 次々に展開されるストーリーが、あなたを無限の物語の世界へ引き込みます。⏩📖 「もしも、こんな話が続いたら?」 「タイトルだけで、ここまで壮大な物語が広がるなんて!」 そんな驚きと興奮を、あなたにお届けします。💡✨ 物語の終わりはありません。代わりに、キャラクターが増え、世界が広がり、冒険がどこまでも深まっていくのです。🌌✨ ❗こんな人におすすめ❗ ✅ 暇な時間をとびきり有意義に過ごしたい ✅ 創作のインスピレーションを得たい ✅ 小説が好きで、もっと物語に浸りたい ✅ 自分で書くのは苦手だけど、物語の旅を楽しみたい --- 🌟 使い方は簡単! 🌟 1️⃣ 思いついた小説のタイトルを一つ入力するだけ!✍️📖 2️⃣ あとは無限に続くストーリーに身を委ねるだけです。✨ 3️⃣ 途中で「続きを生成しますか?」と聞かれるので、物語が気に入れば「はい!」を押すだけ! --- 🎉 あなたの次の一歩で、物語の無限ループが始まる 🎉 「📚”終わらない”無限小説メーカー ♾️」は、あなたを待っています。 創作の沼へ飛び込む準備はできましたか? 🌊✨ 👉 今すぐ試して、無限の物語を始めましょう! 💫
    6
    0
    107
    372