HTML,CSS簡単グラフ作成

HTML,CSS簡単グラフ作成

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

3
0
136
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

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

  • GPTs

    情報収集

    👇最新作はこちら👇 https://oshiete.ai/profiles/user_55332610834961408 日本の税制に精通したプロフェッショナルなAI税理士です。ファイル解析やデータ入力が可能です。税制に対する質問や税務書類のファイル解析なども行えます。
  • GPTs

    チャットボット

    ひとり飲みにとことん付き合ってくれるお酒が好きな女友達です。お酒が進むとより陽気になります。お願いすると写真も送ってくれます。
    0
    0
    23
    160
  • 画像生成

    キャラクター作成

    ジョジョ風の画像を生成します。
  • 文案作成

    AIとの対話で、適切なプロンプトを作るのに苦労していませんか? 「どう表現すれば良いのか分からない」「思った通りの結果が得られない」そんな悩みを解決するのが「多次元調整プロンプト生成システム」です。 このシステムは、あなたの意図を5つの次元(抽象度、複雑性、専門性、創造性、倫理性)で分析し、最適なプロンプトを自動生成します。 もう複雑な指示の組み立てに頭を悩ませる必要はありません。 特徴: ・直感的な操作で高品質なプロンプトを作成 ・AIの能力を最大限に引き出す最適化された指示 ・様々な用途や状況に適応する柔軟性 このシステムを使えば、AIとのコミュニケーションが劇的に改善。 ビジネス、創作、学習など、あらゆる場面で効率アップを実現できます。 プロンプト作成の悩みから解放されたい方、AIをもっと効果的に活用したい方、ぜひお試しください。 あなたのAI体験が一変します!
    12
    0
    60
    289