HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

132

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

投稿日時：

プロンプト実行例

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行すると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美女化ツール
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 どんな画像でもGPTsに送付すると特徴をとらえたまま美女の画像になって返ってきます。自分の画像を送るのもいいですし、友達の画像を送ってネタにするのもオススメ。自分のSNSアイコン画像にするのもいいですね。ぜひ利用してみて下さい。 #美女 #DALLE
13
0
290
1.04K
Tam-BizAI編集長
GPTs
物語・脚本・プロット
プロンプトクリエイター
提示された画像に基づいたプロンプト提案
0
0
18
217
AIの惑星
GPTs
分析・推論
未来予測
**未来を探索する、新たな航海へ** 未来は不確実であり、その可能性は無限に広がっています。しかし、その不確実性の中には、革新のチャンス、成長の機会、そして明るい未来への道が隠されています。「未来予測」は、その未来を読み解くための羅針盤です。経済、技術、社会動向など、あらゆる分野における未来予測を提供することで、未来への理解を深め、明日への準備を促します。 **未来予測の核心** このGPTsは、最先端のAI技術を駆使して、現在のデータやトレンドを分析し、将来の可能性を探ります。複数の未来シナリオを提示することで、それぞれの可能性におけるキーファクターや影響を考察し、潜在的なリスクやチャンスを評価します。専門家の意見や最新の研究結果を引用することで、予測の信頼性を高め、より実践的な洞察を提供します。 **未来予測の活用** 未来予測GPTs「未来予測」は、政策立案者、ビジネスリーダー、研究者、そして未来に関心を持つすべての人々にとって、価値あるリソースです。2040年の都市交通がどのように変化するか、次世代の技術革新が社会にどのような影響を与えるかなど、具体的なテーマについての深い洞察を求める際に、このGPTsは強力な支援ツールとなります。 **未来への架け橋** 「未来予測」は、未来を予測することで、今日の意思決定に役立つ具体的な情報を提供します。これにより、より良い未来を形作るための意識的な選択が可能になります。未来は予測するものではなく、創造するもの。このGPTsは、その創造過程において、あなたの最良のパートナーとなります。
13
0
46
190
Neutral
要約
推奨モデル - Gemini
［2026/05/17版］RF-EX2（ラディカル・フォーミュラー・EX2）=OODAループによる思考プロセス可視化プロンプト＝
**Radical Formula EX2（ラディカル・フォーミュラー・EX2）** ――その誕生の裏側には、ひとりの開発者の執念があった。 #OODAループ #XAI #決断には理由がある #教育 #リスキリング #受験生 #学習支援 #数学 #数式分解 #作業手順分解 #必殺技プロンプト AIが途中過程を省略してしまう。じゃがいもさん、にんじんさんが忽然と姿を消す。数式の途中が飛ばされ、作業手順がまとめられてしまう。 “省力化バイアス”――それは、AI時代の新たな壁だった。ある日、ひとつの仮説が生まれる。 **「OODAループを、Radical Formula EX に組み込めないか」** 思考実験は、静かに始まった。試行錯誤の末、決定的な発見があった。 **問題を解くという行為そのものが、OODAループで動いている。** Observe（観察） Orient（方位づけ） Decide（決断） Act（実行）そしてその間には、AIが語らなかった“理由”が潜んでいた。 **Decide-Reason――決断の根拠。** さらに、開発者は自ら作ったRF-EX1(※)をプロンプト設計に適用。 AIの出力を分解し、その分解結果をプロンプトに再投入する。自己適用による改善。省略を許さない表形式。辞書型OODAループ。対象が消えない構造。複数ターンでも壊れない実行環境。静かな闘いは続いた。 CopilotとGeminiの間で、何度も繰り返された検証。じゃがいもさん・にんじんさんは、ついに消えなくなった。 ――こうして、RF-EX2 は完成した。数式分解、作業手順、受験勉強、リスキリング、学習支援。あらゆる場面で途中過程を完全可視化する、 **AI時代の新しい“推論OS”** がここに誕生した。 (※)前作 RF-EX1（ラディカル・フォーミュラー・EX）＝数式・手順・徹底分解解説プロンプト＝ https://oshiete.ai/items/308421131397463040
0
0
5
80
オプティシェント

HTML,CSS簡単グラフ作成

コメント 0

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