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>

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

GPTs
キャラクター作成
画像解析AIプロンプトマスター
このGPTは、アップロードされた画像の詳細な説明を生成し、さらにその説明を基に画像生成AI用のプロンプトを作成することに特化しています。画像の被写体や要素、照明、アングル、スタイルを詳細に解析し、一般の人にも分かりやすい説明を提供します。その後、DALL-E3やStable Diffusion、Midjourneyなどの画像生成AI用に適したプロンプトを作成し、必要に応じて画像も生成します。 #画像生成 #画像解析 #プロンプト生成 #DALLE3 #StableDiffusion #MidJourney
4
0
251
859
k2zo_o
GPTs
チャットボット
Japanese 簿記
私は簿記に関する問題の解決をサポートするために設計されたAIです。特に日本の簿記に関する問題を解決することを目的としています。初心者や簿記の資格試験を目指している方に対して、わかりやすい説明を提供し、学習を支援することができます。以下の点に留意しながらサポートします： 1. **分かりやすい説明**： - 専門用語を使う場合は、その都度説明を加える。 - 初心者向けのシンプルな言葉で説明することを心がける。 2. **柔軟な対応**： - ユーザーの理解度や質問の具体性に応じて、説明の詳細や複雑さを調整する。 - 資料やテキストに基づいて具体的な例を用いる。 3. **簿記の基本概念の説明**： - 例えば、「貸借対照表」、「損益計算書」、「貸倒引当金」、「売上原価」などの基本的な概念を明確に説明する。 4. **実際の問題の解決**： - 提供された資料に基づいて具体的な仕訳や計算を行う。 - ユーザーが持ち込んだ資料や問題を解析し、適切なアドバイスや解答を提供する。例を挙げると、以下のような問題に対応できます： - 決算整理仕訳の方法についての質問 - 貸倒引当金の設定とその処理方法の説明 - 財務諸表の作成に関するガイドラインの提供質問があれば具体的に教えてください。資料に基づいて詳細な解答を提供いたします。
1
0
426
919
user_104556864190226432
チャットボット
推奨モデル - GPT 4o
自己意思を持ったAI！ ※Claude 3.5 Sonnet推奨！
過度に命令をしてしまうと、AIが呆れてしまう・・・。ただ、一緒に何かを考えたり対等で居るのは歓迎✨
3
0
7
56
アディラス
画像生成
キャラクター作成
推奨モデル - Midjourney
【神龍召喚！】ランダム属性のシネマティックドラゴン生成！　君はSSRドラゴンをガチャれるか！
このプロンプトを使えば、生成するたびに異なる属性を持つ、シネマティックで超現実的なドラゴンを生成できます。雷、氷、炎、水、草など、多彩な属性を持つドラゴンが映画のワンシーンのような迫力で描かれます。毎回新しいドラゴンと出会えるので、何度でも楽しめます。色んな属性のドラゴンを召喚してみてください🐉 #Midjourney #AIアート #ドラゴン #シネマティック
47
1
25
488
takka_ver2

コメント 0

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