🏠
🌡️ 📆 令和5年1月31日

チャートの表し方

主なデータは、図示し(グラフにして示し)他人にわかりやすい形にして、論文なり、社内レポートにのせてください。文章による記述では、他人はあなたの仕事をいつまでも記憶してくれません。わかりやすい図で発表し、人に使ってもらってこそ、あなたの仕事の有用性が大きく認められるのです。

11. 電気化学の英語, p.274
山下正通、小澤昭弥. 現代の電気化学 . 丸善,2012-4-1 ( 参照 2020-8-25 ) .

グラフ

卒業論文、修士論文、博士論文、学術論文、特許明細書などでは、 図面図表図形 の表現が併用されます。 グラフ回路図、フローチャート、 写真イラストロゴ、アイコン、アバター)、 地図などがあります。 3Dも図面です。 数式化学式、反応式などの も図面として、本文とは別に扱われます。

学術的な性質を有する 図面図表図形、音楽、 講演映画写真、建築、プログラムは、 著作権法 に定められた著作物です。 引用する場合は、慣例に従い、転載する場合は、転載許諾をとりましょう。 法令順守は研究 倫理 です。


著作物

  1 著作物 *
分類
文芸 小説、脚本、 論文 講演 その他の言語の著作物。 編集の創作性がある場合、編集著作物として保護されます。新聞,雑誌,百科事典等。 講演 は、言語の著作物として保護され口述権が保護されます。 映画の著作物は、固定されることが求められますが、 講演は、口述のみで保護されます。
学術 地図 又は学術的な性質を有する図面図表模型その他の 図形の著作物
美術 絵画、版画、彫刻
写真 写真。 記録された画像は、著作物です。
建築 建築
音楽 楽譜、演奏。 記録された 音声は、著作物です。
舞踊又は無言劇の著作物 舞踊又は無言劇の著作物
映画 映画の著作物。 映画の著作物は、固定(記録)されることが求められます。 動画は、映画の著作物です。
プログラム プログラム の著作物
03.技術者倫理 01.化学英語Ⅱ 05.情報処理概論 参考文献 出版物

    (著作物の例示)

    第十条 この法律にいう著作物を例示すると、おおむね次のとおりである。

  • 一 小説、脚本、論文、講演その他の言語の著作物
  • 二 音楽の著作物
  • 三 舞踊又は無言劇の著作物
  • 四 絵画、版画、彫刻その他の美術の著作物
  • 五 建築の著作物
  • 六 地図 又は学術的な性質を有する図面、図表、模型その他の図形の著作物
  • 七 映画の著作物
  • 八 写真の著作物
  • 九 プログラムの著作物
著作権法より

思想又は感情は含まれていますか? 単なるデータは、ダメです。 表現したモノです。考えているだけ、感じただけ、アイデアだけ、ではダメです。 創作的なので、模倣はだめです。もちろん 盗用は、もってのほかです。 工業製品等は、文芸、音楽、美術、学術ではないのでダメです。 工業製品等の知的財産権は、特許を申請して、政府の保護を受けます。

著作権は、 知的財産権 です。 著作権は、著作者に帰属します。 著作権のうち、著作財産権を、出版社に許諾することができます。 出版社が、 出版権 を設定した場合、出版社は、著作者を含む他の許諾に対する損害請求できます。 この場合、出版社による 排他的独占的著作財産権の占有となります。

表面技術協会の例

QC7つ道具

  2 QC七つ道具
手法 目的・特徴
データとグラフ 層別 1 )
パレート図
ヒストグラム
チェックシート * 5S活動の清掃チェックシート
要因・相関分析 特性要因図
散布図 * 2 ) 「特性」と「要因」との関係を調べたいときに使用します。
ばらつきの管理 管理図

新QC七つ道具では、言語情報を取りか使います。 テキストマイニングなどのWebアプリもあります。

統計的品質管理は、ある意味、製品 データから 情報を抽出する データサイエンスです。

3 ) 4 )

パレート図

  1 パレート図
python (colab) → pngsvg→html

パレート図は、 データを改善すべき項目別に分類し、出現頻度の大きさの順に項目を並べることにより、……

5 )

PDCA

Plan
Do
Check
Action
  2 PDCAサイクル
UML( mermaid)⇒ svgHTML

特性要因図

  3 特性要因図
Gitmindpngsvg→html
仕事でよく使う図 PlantUML マーメイド マーメイドオンラインエディタ

アプリの利用

  3 アプリの種類
種類説明
ワープロ 論文報告書、あるいはそれらの 要旨などの 文書を作成、印刷するアプリです。
表計算 数値を計算し、表や グラフなどの図表を作成するアプリです。 平均標準偏差などの統計量も計算できます。 データ の件数は 30件程度までが適切です。 それ以上の件数の場合、データベースアプリと連携して 抽出した データ を使う方が効率的です。
プレゼンテーション 講演スライドやポスターを作成できます。
グラフィックス 図形写真などの 画像の作成や編集をします。
CAD Solid works *
Webページ作成 HTML editor
データベース Microsoft Access Microsoft SQL Server
動画編集
プログラミング google colab

アプリ には、 オペレーティングシステム (OS) 上で動く、インストールアプリと、 Webブラウザ 上で動く Webアプリがあります。

アカウント を有効化して、サービスや アプリ を利用する(ログイン、ログオン、サインイン)には、 認証が必要です。

人気 プログラミング言語 は、java script、そしてpyton*と続きます。 *


プロット

片対数プロット、アレニウスプロット、コールコールプロットなどのように 物理量と物理量をプロットしたグラフに名前がついていることがあります。 そうしたプロットには、対数軸や逆数軸を使われるものも含まれます。


  4 導電率と粘土粒子の比表面積の 直線関係
©2022 H.Tanabe

340
アノード酸化時のアルミニウムのクロノポテンショグラム
©K.Tachibana

グラフは、 項目や 物理量図形に表現したものです。 17世紀デカルトにより座標の概念が確立されました。 16世紀 には、活字を使った活版印刷が普及していました。 文字ばかりでなく、楽譜数式も組版されていました。グラフも罫線活字によって組版されていたと想像されます。

┏━━━┓

┃〇  ┃

┃  ×┃

┗━━━┛


点と線からなる折れ線グラフは傾向(トレンド)の予測に便利です。

16:9 4:3 -2.0-1.5-1.0-0.50.00.51.01.52.02.01.51.00.50.0-0.5-1.0-1.5-2.0 横軸(X軸)名 (量記号) / 量単位 縦軸(Y軸)名 (量記号) / 量単位
  5 図題

石炭 石油 " 産業革命 " 太平洋戦争 " 現在 165017001750180018501900195020002050600500400300200 年代 y / year 二酸化炭素濃度 C / ppm
  6 二酸化炭素濃度
©2020 K.Tachibana, SST

2023年1月31日CO2 濃度は、 推定441ppm。 この100年間で、地球大気中の二酸化炭素濃度は1.4倍になった。 前史時代の二酸化炭素濃度は、280ppmでほぼ一定だった。 石炭 を使い始めた産業革命から指数的に増加を始めた。 石油を使い始めてからは指数項が加わった。

今、地球がヤバい。 脱炭素社会 には 再生可能エネルギー の活用が必須。そのためには、 電気エネルギー 備蓄 する電池が必須なのだ。

Fig.1は、png形式の画像にsvgで目盛りを上書きしたものです。 実線は0.7mm、細線は0.3mmで描きます。


Svgを使ったチャート・グラフ

Chart_Svg.asp ベクター(svg)→ラスター(png)

Camvasを使ったチャート・グラフ

Chart_Canvas.asp
-5-4-3-2-1012345-1-0.9-0.8-0.7-0.6-0.5-0.4-0.3-0.2-0.100.10.20.30.40.50.60.70.80.91
サイクリックボルタモグラム Fig.1 チャート(グラフ)の縦軸、横軸をインラインSVGで書き込んだ場合 はるか学会
サイクリックボルタモグラム https://edu.yz.yamagata-u.ac.jp/Public/54299/Common/Chart/borutamo.asp チャート(グラフ)の縦軸、横軸をインラインSVGで書き込むASPを作り、imgのsrcで指定した場合
https://edu.yz.yamagata-u.ac.jp/Public/54299/Common/Chart/borutamo.asp チャート(グラフ)の縦軸、横軸をインラインSVGで書き込むASPを作り、objectタグで指定した場合
アルミニウムのサイクリックボルタモグラム

カラー原稿の配色は白黒コピーされても良いよう 配色 にしましょう。以下、執筆中( 色度座標 パレット カラーユニバーサルデザイン ColorCMYK


グラフやチャートをhtmlで表現する方法はいくつかあります。 もっとも簡単なのは画像をイメージタグで参照することです。 ブラウザによって表示可能な画像ファイルの形式は異なりますが、jpg形式、png形式などが無難です。 ファイル名は英語にしておくと文字化けはファイルが見つかりませんと言ったトラブルを低減できます。

情報処理概論
jpg形式をimgタグ参照した場合 (ナイキストプロット,©Suzuki)

SVGとはScalable Vector Graphics(スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくベクターデータです。 独立したファイルとしてイメージタグで参照することもできます。

縦軸と横軸には量記号と 単位 を明記します。 svgで表現した図の内部にリンクを貼るにはxlink:href属性を指定します。 svgの中ではvarタグが使えないようです。 tspan font-style = "italic"を指定します。 html中では意味的にiタグを使うよりvarタグを使った方が良いでしょう。 Microsoft ExcelやGoogle Sheetを使ってグラフを作る場合、凡例や有効数字が 学術的な図面にならないことがあるので手動で設定しましょう。

SVGと画像を組み合わせることもできます。

Google Chartを使ってグラフを作る場合、凡例や有効数字が 学術的な図面にならないことがあるので手動で設定しましょう。

CsvからGoogle Chartを使ってグラフを作る場合、 ちょっとテクニックがいります!

  1. エネルギーデバイス材料の使われる誘電体の構造が電気的物性に与える影響
    伊藤知之,山形大学理工学研究科修士論文(2014).
計量法 計量標準総合センター
  4 図形と関数
名称 グラフ 説明
逆ネルンスト 電池の充放電曲線で現れます。
確率曲線
正規分布関数 確率統計で多用されます。 品質管理 でも大切です。
外形線の太さ
情報処理概論
物質化学工学実験Ⅳ
卒業研究
式の表し方
スライド作成

a b d


山形大学大学院 理工学研究科
〒992-8510 山形県米沢市城南4丁目3-16
3号館(物質化学工学科棟) 3-3301
C1ラボラトリー
准教授 伊藤智博 0238-26-3753
http://c1.yz.yamagata-u.ac.jp/
c1@gp.yz.yamagata-u.ac.jp