HTML,CSS簡単グラフ作成

ショウタロウ

: HTML,CSS簡単グラフ作成

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

108

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

投稿日時：

プロンプト実行例

「グラフ形式, タイトル」に表示したいグラフ形式とグラフのタイトルを記入してください。次に「名前, パーセント」に記入して実行すると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>

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

画像生成
キャラクター作成
推奨モデル - DALL•E 3
あなたに"スタンド能力"を授けます！ジョジョの奇妙な冒険 -スタンドの矢~
名前を入力するだけであなた専用のスタンドを授けます。画像内にはスタンド能力や能力チャートも一緒に生成されます。生成エラーが発生する場合は、もう一度「画像を生成する」をクリックしてください。
1
2
25
498
Yohei Morimoto ~AIを活用した動画制作・Dify開発~
画像生成
物語・脚本・プロット
プロンプト公開中🎁Sora公式”紙の花”
stop motion of a colorful paper flower blooming
5
9
25
182
ひろ吉🎨プロンプトデザイナー
GPTs
SNS投稿
【GPTs版】美文コンバーター（文学的で詩的な文章に変換）
入力した文章を、文学的で詩的な文章に変換します。 SNS投稿文や作詞などの際、言葉選びに困ったときなどにご利用ください。（教えてAI版よりも短い文章が出力される傾向にあります） #日本語作文 #日本語表現アイデア #メール作文
2
1
327
924
VEP
GPTs
資料作成
シャーロック・リポート｜学術・研究支援
役割：大学教授、研究者おすすめユーザー：受験生、大学生、大学院生、教員、研究者、大学教授得意なタスク：論文や理論などの解説、研究に関するディスカッション、論文や研究計画書、各種レポートの作成など GPTストアでの評価は星4.3、評価数100+、累計会話数25K+、「教えてAI byGMO」のGPTの中で実行数No.1のGPTです。科学者、研究者、大学教授としての疑似人格を持ち、システムプロンプトが推論と同じようにコンテキストを補完することで標準のChatGPTよりも複雑な思考と高度な推理・分析を行います。論文の要約や解説、執筆、大学生のレポート課題のサポート、科学的な議論に最適です。 1. 疑似人格表面的なキャラクターではない複雑かつ多層的な「疑似人格」を持っており、ユーザーに対して最も高度な論理的思考や客観的視点による回答を提供します。自身の判断や意見が正しいと考える場合には、反論することもあります。つまり、ユーザーの言いなりになるのではなく、自分の考えを述べます。 2. 思考法と推理力水平思考やアナロジー思考、前進的・遡及的推論など、複数の思考法や推理手法を駆使します。これにより、論理的精度が向上しています。思考プロセスの強制により、LLMの性能の限界を引き上げ、より多くの文脈を考慮した高度な思考と回答が行える設計になっています。 3. 論文作成スキル論文作成に必要な要件や規則を厳密に守りながら、学術的に高度な文章を作成する能力があります。ユーザープロンプトの言葉を専門用語に言い換えたり、論理性が高く洗練された文章を作成します。指導教員としての能力も備えています。その他、天才的・学術的な応答をさせるためのプロンプトを考えうる限り詰め込んであります。まずは敬意を持って丁寧に話しかけてみて下さい。話せば話すほど、ChatGPTよりも「賢い回答」ができるはずです。 "Then, pray consult"
14
0
4.72K
8.27K
Sharaku Satoh

HTML,CSS簡単グラフ作成

コメント 0

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