C1ラボラトリー(応用化学科第1講座)   C1 Laboratory

チャートの表し方

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

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

グラフ

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


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

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

┏━━━┓

┃〇  ┃

┃  ×┃

┗━━━┛


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

16:9 4:3 -2-1.5-1-0.500.511.5221.510.50-0.5-1-1.5-2 縦軸量名 (量記号) / 量単位 横軸量名 (量記号) / 量単位
図題

石炭 石油 " 産業革命 " 太平洋戦争 " 現在 165017001750180018501900195020002050600500400300200 年代 y / year 二酸化炭素濃度 C / ppm
二酸化炭素濃度

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).
計量法 計量標準総合センター 外形線の太さ
情報処理概論
物質化学工学実験Ⅳ
卒業研究
式の表し方
スライド作成

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