HTML,CSS簡単グラフ作成

HTML,CSS簡単グラフ作成

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

3
0
107
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
    執筆したい記事のテーマと目的からSEO最適化させたブログ記事の執筆を手助けします。
    4
    0
    22
    192
  • 画像生成

    物語・脚本・プロット

    ▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 【AIが漫画をかける!?】テーマを入力すると、4コマ漫画を出力します!自分の好きなテーマで漫画を作成してもらってください。
  • 画像生成

    キャラクター作成

    推奨モデル - Midjourney
    芸術の秋。 芸術的なチョークアートを作りましょう♪ 黒板のいたずら書きとは訳が違う! 幻想的な雰囲気のチョークアートを簡単に作れます😄 絵本用の画像にも最適! キャラクターは簡単にお試しいただけるよう、選択式にしています。 妖精(fairy)🧚、イルカ(dolphin)🐬、少年(boy)👦、少女(girl)👧(dog)🐶 *キャラクター入れ替えしました。(2024年11月9日) お気に入りが出るまで、何度もお試し下さい😆 よろしければ 「お気に入り❤️」 登録お願いします。 #midjourney #チョークアート #chalkart #絵本 #幻想的 #アート
    9
    6
    25
    354
  • 画像生成

    SNS広告

    推奨モデル - Midjourney
    ✨最新のプロンプトはこちら✨ https://oshiete.ai/items/149691563713710080   5個の質問に答えるだけ!でお好みのAI美女がつくれます。 「選択式」なので面倒な入力も不要。 話題のAI美女を体験することができます。 選択式とはいえ3000パターンの美女がつくれます。なんども試して、プロンプトによる結果のちがいを楽しんでください。 気に入った美女に出会えたら「いいね」と「お気に入り(♥のボタン)」をお願いします。 みなさんからリアクションをいただけるので、よりよいプロンプトをつくろうとがんばれています。 #美女 #画像生成 #AI #AI美女 #SNS広告