<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>グラフ on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%B0%E3%83%A9%E3%83%95/</link>
		<description>Recent content in グラフ on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 26 Jan 2022 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%B0%E3%83%A9%E3%83%95/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Emoji 📈 上昇折れ線グラフの色はなぜ赤なのか? Emojiが日本発だからだ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/</link>
				<pubDate>Wed, 26 Jan 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://blog.emojipedia.org/why-does-the-chart-increasing-emoji-show-in-red/&#34;&gt;絵文字にある折れ線グラフ 📈 と 📉 で、なぜ上昇グラフが赤線で下降グラフは青/緑線なのか?&lt;/a&gt; というエモジペディアの記事が出ています。&lt;/p&gt;&#xA;&lt;p&gt;# 上の絵文字、閲覧されている環境によっては、赤・青/緑ではない絵文字が表示されます。&lt;/p&gt;&#xA;&lt;p&gt;この絵文字を自分で使ったことがないし、深く考えたこともありませんが、どうやら西洋では上昇を緑色、下降を赤色で描くのが当たり前で、絵文字の配色に違和感を持つ人が多いらしいということ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.google.com/search?q=google&amp;#43;stock&amp;amp;hl=en&#34;&gt;Googleの英語版で Google の株価を検索&lt;/a&gt;すると、株価が下がっている時の文字もグラフも赤色ですが、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-english.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-english_hu_fe6d23e93af9dfbb.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-english_hu_bb21c813029a91c.webp 717w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-english.png&#34; width=&#34;717&#34; height=&#34;668&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;同じGoogleでも日本語版で検索すると、下がってる時は緑色、と逆の配色になっています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-japanese.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-japanese_hu_9a5edad7ba85b24f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-japanese_hu_eb61db5e1c9a4bcb.webp 689w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/01/why-chart-increasing-emoji-drawn-in-red/google-stock-chart-google-japanese.png&#34; width=&#34;689&#34; height=&#34;728&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;東京証券取引所の株価の表示が、この「上昇が赤・下降が緑」になっていて、他の日本の(株価)グラフもそれに合わせているところが多いのでは、ということです。&lt;/p&gt;&#xA;&lt;blockquote class=&#34;twitter-tweet&#34;&gt;&lt;p lang=&#34;en&#34; dir=&#34;ltr&#34;&gt;ok we don&amp;#39;t understand stonks but we do get emojis:&lt;br&gt;&lt;br&gt;Why is the 📈 Chart Increasing emoji shown in red and not 🟢 green?&lt;br&gt;&lt;br&gt;This emoji originates in Japan, and is shown in red there, because that&amp;#39;s the color used on the Tokyo Stock Exchange for increases &lt;a href=&#34;https://t.co/lETnOR2UHg&#34;&gt;https://t.co/lETnOR2UHg&lt;/a&gt; &lt;a href=&#34;https://t.co/t2LMcBJlWJ&#34;&gt;pic.twitter.com/t2LMcBJlWJ&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>KalkiCode - 基本的なデータ構造を各種言語でどう書くかや動く図で見せてくれるサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/</link>
				<pubDate>Wed, 28 Jul 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/&#34;&gt;Kalkicode&lt;/a&gt; は、例示や図によるプログラミングサンプルを、プログラミング上の問題(基本的なアルゴリズムやウェブサービス技術)と複数の言語のそれぞれの切り口から並べて示そうとしている、教育サイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-top_hu_c8f25d0fc6024c75.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-top_hu_4ca5cf9031e5c43c.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-top_hu_fa1f573c67cce60f.webp 1030w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-top.png&#34; width=&#34;1030&#34; height=&#34;868&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;配列・行列・リスト・ツリー・グラフ・再帰、などさまざまなデータ構造・アルゴリズム毎に分けられた章を開くと、&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/adjacency-list-representation-graph&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-tutorial-sample_hu_5546f1a26eed4ae0.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-tutorial-sample_hu_48d80596bcf6793c.webp 561w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-tutorial-sample.png&#34; width=&#34;561&#34; height=&#34;804&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;データ構造 and/or アルゴリズムの解説に、それを実装したコードサンプルが10前後のプログラミング言語で用意され、コードの実行結果、図、などが続きます。&lt;/p&gt;&#xA;&lt;p&gt;ものによっては動的にデータ構造の変化を見せてくれたりもします。&lt;/p&gt;&#xA;&lt;p&gt;http://localhost:8099/wp-content/uploads/2021/07/avl-tree-visualization.mp4&lt;/p&gt;&#xA;&lt;p&gt;こちらは平衡二分探索木にノードを追加したり削除したりする際の動きをアニメーションで表示しているところ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/data-structure/doubly-linked-list-visualization&#34;&gt;双方向リンクリスト&lt;/a&gt;への追加や削除とか&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/data-structure/doubly-linked-list-visualization&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-doubly-linked-list_hu_703c8263b78e0547.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-doubly-linked-list_hu_397fd449333d4140.webp 759w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-doubly-linked-list.png&#34; width=&#34;759&#34; height=&#34;688&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/data-structure/circular-singly-linked-list-visualization&#34;&gt;環状単方向リスト&lt;/a&gt;への追加と削除とか&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://kalkicode.com/data-structure/circular-singly-linked-list-visualization&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-circular-single-linked-list_hu_9fb985d127543eaf.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-circular-single-linked-list_hu_44362bc9039169fd.webp 591w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/07/kalkicode-shows-you-data-structures-and-code/kalkicode-circular-single-linked-list.png&#34; width=&#34;591&#34; height=&#34;673&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;プログラミングの学習をする際に、理解を助けてくれそうなコンテンツがたくさんあります。&lt;/p&gt;&#xA;&lt;p&gt;10前後のプログラミング言語で同じことを書く、というのもこれだけ多くの項目となると大変なことだと思います。見た感じ、ある程度自動で変換してるのかなとも思いましたが。&lt;/p&gt;&#xA;&lt;p&gt;# 同じサイト内に &lt;a href=&#34;https://kalkicode.com/ai/online-java-to-php-converter&#34;&gt;Java-to-PHP converter&lt;/a&gt; なんてのもあったので、全部じゃないにしてもある程度横展開は自動なのかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>オープンソースプロジェクト内のTODO個数調査</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/</link>
				<pubDate>Mon, 17 May 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/</guid>
				<description>&lt;p&gt;マーティン・シュライスさん(Martin Schleiss)がブログで公開したのが、Linux をはじめとする巨大オープンソースプロジェクトのソースコードにおける「やらないといけない」あるいは「後で考える」マークである&lt;a href=&#34;https://schleiss.io/plotting-source-code-todos-for-open-source-projects&#34;&gt;&amp;ldquo;TODO&amp;quot;の個数の移り変わりをグラフ化したもの&lt;/a&gt;です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-php.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-php_hu_42d471dbed994217.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-php_hu_d84bf66808deea28.webp 724w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-php.png&#34; width=&#34;724&#34; height=&#34;413&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;基本的には、プロジェクトの年月が重なるほど、コードに書かれた TODO の個数は増えていくようです。上の PHP のグラフでは、メジャーリリースや通常リリースの時期の少し前に TODO が増えているようにも見えます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-rust.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-rust_hu_e9989cc2ecec201c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-rust_hu_f765e8e3ecc8e856.webp 720w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-rust.png&#34; width=&#34;720&#34; height=&#34;409&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;プロジェクトによっては単調増加ではないものも。Rust は TODO の個数自体が少ないように見えるし、途中で数個まで減っている時期もあるので、意識的に TODO の解消を目指したりしていたのかもしれません。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-nextjs.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-nextjs_hu_341bde9c23ce6f9f.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-nextjs_hu_e416def6916be00e.webp 718w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/05/count-todos-in-oss-repositories/todos-chart-nextjs.png&#34; width=&#34;718&#34; height=&#34;422&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Next.js 、version 10 と 10.1 のどちらのリリース時期でもなく、突然増えています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://schleiss.io/plotting-source-code-todos-for-open-source-projects&#34;&gt;ブログ記事&lt;/a&gt;では言語処理系やライブラリなど、有名なもの20個弱についてグラフ化されています。&lt;/p&gt;&#xA;&lt;p&gt;プロジェクトの規模、歴史の長さによってもTODO の個数は変わりますが、規模や歴史と無関係に多い少ないもあったりもします。シュライスさんはTODO が有ることはどのオープンソースプロジェクトにおいても貢献をする余地があるということだ、と言っています。あなたが良く使っているツール/ライブラリのTODO は増えているでしょうか?&lt;/p&gt;</description>
			</item>
			<item>
				<title>ggirl - R言語で描いたグラフを葉書に印刷発送してくれるライブラリ/サービス</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/</link>
				<pubDate>Wed, 14 Apr 2021 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/jnolis/ggirl&#34;&gt;jnolis/ggirl&lt;/a&gt; は、ggplot2 で作成したグラフをwebサービス経由でポストカードに印刷し、そこから発送までしてくれるというツール・サービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-code-sample.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-code-sample_hu_37d92dbcc397100e.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-code-sample_hu_547571398b57e516.webp 533w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-code-sample.png&#34; width=&#34;533&#34; height=&#34;249&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;R言語で ggplot2 オブジェクトを作成したら、ggirl ライブラリに送り先の住所やメッセージ情報をセットして呼び出します。すると、確認用のwebページがブラウザで開かれます。(&lt;a href=&#34;https://jnolis.com/blog/introducing_ggirl/&#34;&gt;解説&lt;/a&gt;)&lt;/p&gt;&#xA;&lt;p&gt;# 日本の住所を入れようとしたら、米国以外の住所は現在未実装、と出てきました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-order-page-example.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-order-page-example_hu_868455207a9312a3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-order-page-example_hu_8a7bccd0ab554059.webp 768w, https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-order-page-example_hu_95b3b05bfc64082b.webp 971w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2021/04/ggirl-sends-your-ggplot2-chart-postcard/ggirl-order-page-example.png&#34; width=&#34;971&#34; height=&#34;696&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;このページの次は Stripe を使ったクレジットカードの支払い画面となり、$2.5 を支払えば、1,2週間でこのグラフのポストカードが届くそうです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.shinyapps.io/&#34;&gt;shinyapps.io&lt;/a&gt; という、RStudio の開発元が運営している R言語コードのホスティングサービスがあるようで、ggirl の作者自身によるホスティングはここに載せているようですね。&lt;/p&gt;&#xA;&lt;p&gt;「Rでいいグラフが描けたので誰かに郵便で送りたい」という時(どんな時だ)に便利なライブラリではないでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>プロッター・プレゼンテーション</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/</link>
				<pubDate>Fri, 12 Jun 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/</guid>
				<description>&lt;p&gt;原油の需要と価格の経年グラフを見ながら語る&lt;a href=&#34;https://www.youtube.com/watch?v=TzVEGaFW74I&#34;&gt;プレゼンテーション動画&lt;/a&gt;なのですが、面白い仕組みが一つ。プロッターでグラフを描かせながら、年ごとの原油価格とそれに影響を与えた事件を語っていきます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-presentation-1.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-presentation-1_hu_ec753a7e2085ae21.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-presentation-1_hu_9cb53e5eebe3f156.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-presentation-1_hu_8db0d003b73f789e.webp 937w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-presentation-1.png&#34; width=&#34;937&#34; height=&#34;525&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ペンを取り付けるタイプのプロッター&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-change-pen-manually.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-change-pen-manually_hu_9abf8cba7ee0e156.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-change-pen-manually_hu_c53d4faa5061ed63.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-change-pen-manually_hu_a29e80c65070c466.webp 943w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-change-pen-manually.png&#34; width=&#34;943&#34; height=&#34;529&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;プレゼンの途中でペンの交換も。グラフの目盛り線とプロットの線を違えてます。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-oil-shock.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-oil-shock_hu_7e6dd34404be10d.webp 396w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/06/plotter-presentation/plotter-oil-shock.png&#34; width=&#34;396&#34; height=&#34;479&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;オイルショック!&lt;/p&gt;&#xA;&lt;p&gt;事件の時の書き込みは赤ペンで手書きなのですが、これもプロッターに描かせられればもっと良かったかも。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/TzVEGaFW74I?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;使っているプロッタは &lt;a href=&#34;https://www.robotshop.com/jp/ja/axidraw-v3-a3-personal-writing-drawing-robot.html&#34;&gt;AxiDraw V3 / A3&lt;/a&gt;。8万円ぐらい。昔のものではなく今の製品なんですね。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>iOSのバージョン更新間隔グラフ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2020/01/chart-of-ios-version-updates/</link>
				<pubDate>Fri, 31 Jan 2020 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2020/01/chart-of-ios-version-updates/</guid>
				<description>&lt;p&gt;iOS のバージョン・アップデートがどれぐらいの頻度で行われるのかを知らべていて出てきたサイトが &lt;a href=&#34;https://willhains.com/iOS-version-history&#34;&gt;iOS version release date history&lt;/a&gt;。タイトルそのままのサイトです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://willhains.com/iOS-version-history&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2020/01/chart-of-ios-version-updates/ios-version-history-chart_hu_8d417a2d398880d3.webp 480w, https://labs.cybozu.co.jp/blog/akky/2020/01/chart-of-ios-version-updates/ios-version-history-chart_hu_9bfa95db99307289.webp 768w, https://labs.cybozu.co.jp/blog/akky/2020/01/chart-of-ios-version-updates/ios-version-history-chart_hu_9b4c24c810b8fc36.webp 787w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2020/01/chart-of-ios-version-updates/ios-version-history-chart.png&#34; width=&#34;787&#34; height=&#34;388&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;ベータ版の更新状況を含んだカラフルなグラフと、リリース版の更新だけのシンプルなグラフの二つです。&lt;/p&gt;&#xA;&lt;p&gt;詳細なアップデートの情報は &lt;a href=&#34;https://en.wikipedia.org/wiki/IOS_version_history&#34;&gt;Wikipedia などにもちろんある&lt;/a&gt;のですが、詳細すぎて「更新間隔の傾向だけ知りたい」という目的には合いませんでした。&lt;/p&gt;&#xA;&lt;p&gt;マイナーバージョンの更新を含めると、1か月から半年ぐらいの間に次のバージョンが来るようですね。← というようなことだけ今回確かめたかった。&lt;/p&gt;</description>
			</item>
			<item>
				<title>手書き風グラフを描けるライブラリ xkcd.chart</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/08/handwriting-flavour-xkcd-chart/</link>
				<pubDate>Mon, 19 Aug 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/08/handwriting-flavour-xkcd-chart/</guid>
				<description>&lt;p&gt;英語圏でエンジニアに人気の&lt;a href=&#34;https://xkcd.com/&#34;&gt;線画コミックサイト xkcd&lt;/a&gt; には、グラフを使ったジョークネタも頻出します。こんな感じ。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://xkcd.com/688/&#34;&gt;&lt;img src=&#34;https://imgs.xkcd.com/comics/self_description.png&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;xkcd に出てくるようなグラフは、だいたい手書き風のテイストで描かれているのですが、その手書き風グラフを再現できるグラフ描画ライブラリが &lt;a href=&#34;https://timqian.com/chart.xkcd/&#34;&gt;xkcd.chart&lt;/a&gt; です。&lt;/p&gt;&#xA;&lt;script&gt;const svgPie = document.querySelector(&#39;.pie-chart&#39;); new chartXkcd.Pie(svgPie, { title: &#39;「みんな」言ってる&#39;, data: { labels:[ &#39;知り合いの誰か&#39;, &#39;全員&#39;, ], datasets: [{ data: [ 990, 10, ], }] }, })&lt;/script&gt;&#xA;&lt;p&gt;日本語も出ますね。日本語入れると凡例の枠がはみ出てしまうので、ソースの調整が要るかもしれません。xkcd 風のフォントも同梱されていますが、日本語ではデフォルトフォントになるでしょう。&lt;/p&gt;&#xA;&lt;p&gt;円グラフ、折れ線グラフ、棒グラフ を描くことができます。&lt;/p&gt;&#xA;&lt;script&gt;const svg = document.querySelector(&#39;.bar-chart&#39;) // github stars vs patrons new chartXkcd.Bar(svg, { title: &#39;ウィンドウズ&#39;, data: { labels:[&#39;1.0&#39;, &#39;2.0&#39;, &#39;3.0&#39;, &#39;3.1&#39;, &#39;95&#39;, &#39;98&#39;, &#39;2000&#39;, &#39;7&#39;, &#39;8&#39;, &#39;8.1&#39;, &#39;10&#39;], datasets: [{ data: [ 1, 2, 3, 3.1, 95 ,95, 2000, 7, 8, 8.1, 10], }] }, });&lt;/script&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://twitter.com/zzap/status/996905819756212224&#34;&gt;ウィンドウズグラフの元ネタ&lt;/a&gt;&lt;/p&gt;</description>
			</item>
			<item>
				<title>Remember the Fire - ビリージョエルの&#34;We Didn&#39;t Start the Fire&#34;の歴史的事物をグラフ化</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/06/remember-the-fire-chart/</link>
				<pubDate>Sun, 23 Jun 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/06/remember-the-fire-chart/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://www.tomlum.com/remember-the-fire&#34;&gt;Remeber The Fire&lt;/a&gt; は、ビリー・ジョエルの1989年のヒット曲 &amp;ldquo;We Didn&amp;rsquo;t Start the Fire&amp;rdquo;(ハートにファイア) の歌詞をグラフにしたものです。&lt;/p&gt;&#xA;&lt;p&gt;歌詞をグラフに? どういうこと? と思われるかもしれませんが、この曲はとても変わった曲で、メイン部分の歌詞はほとんどが歴史的な事件や有名人などの固有名詞の羅列なのです。時代的には、第二次世界大戦後からベルリンの壁崩壊までの冷戦時代、彼が生まれてからそれまでの世界の歴史を彩った事柄を、若干アメリカ中心ではありますが、並べて歌ったものでした。&lt;/p&gt;&#xA;&lt;p&gt;今回のグラフは、それらの事件や人物を「ウィキペディアで検索された回数」という観点でグラフにしています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.tomlum.com/remember-the-fire&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/remember-the-fire-chart/we-didnt-start-the-fire-wikipedia-chart_hu_fbfeeecc105753ae.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/06/remember-the-fire-chart/we-didnt-start-the-fire-wikipedia-chart_hu_3a7be32022e9b801.webp 768w, https://labs.cybozu.co.jp/blog/akky/2019/06/remember-the-fire-chart/we-didnt-start-the-fire-wikipedia-chart_hu_b25a8c3783b5cde8.webp 1079w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/06/remember-the-fire-chart/we-didnt-start-the-fire-wikipedia-chart.png&#34; width=&#34;1079&#34; height=&#34;559&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;2019年1月と2014年1月の二つを同時に表示させると、この5年間で検索回数が増えたキーワード・減ったキーワードを見つけることもできます。&lt;/p&gt;&#xA;&lt;p&gt;それぞれの事件や人物の解説は、&lt;a href=&#34;https://ja.wikipedia.org/wiki/%E3%83%8F%E3%83%BC%E3%83%88%E3%81%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%82%A2&#34;&gt;ハートにファイア - Wikipedia&lt;/a&gt; がやはりわかりやすいでしょう。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/a31jZvfvrwM?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;</description>
			</item>
			<item>
				<title>歴史上の東西の最大軍勢を並べて示したグラフ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/12/military-superpowers-throughout-history/</link>
				<pubDate>Fri, 12 Dec 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/12/military-superpowers-throughout-history/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://www.halcyonmaps.com/&#34;&gt;ハルシオンマップス&lt;/a&gt;のMartin Vargic さんがWikipedia のデータを集めて作成した&lt;a href=&#34;http://www.halcyonmaps.com/military-superpowers-throughout-history/&#34;&gt;このチャート&lt;/a&gt;は、紀元前2500年からの東西のスーパーパワーを、その時代に「人数が」最大の軍隊を保持していた国を並べることで表したものです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://fc07.deviantart.net/fs70/i/2014/330/0/1/military_superpowers_throughout_history_by_jaysimons-d87q22a.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/12/military-superpowers-throughout-history/military_superpowers_throughout_history_by_jaysimons_hu_595b864310848d4c.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/12/military-superpowers-throughout-history/military_superpowers_throughout_history_by_jaysimons_hu_6ab029972cc83185.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/12/military-superpowers-throughout-history/military_superpowers_throughout_history_by_jaysimons_hu_daa8299833e148b4.webp 1024w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/12/military-superpowers-throughout-history/military_superpowers_throughout_history_by_jaysimons.jpg&#34; width=&#34;1024&#34; height=&#34;1146&#34; alt=&#34;(クリックで Halcyon Maps &amp;amp; Martin Vargic のオリジナルが開きます)&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;(クリックで Halcyon Maps &amp;amp; Martin Vargic のオリジナルが開きます)&lt;/p&gt;&#xA;&lt;p&gt;太古の&lt;a href=&#34;http://ja.wikipedia.org/wiki/%E8%8F%AF%E5%A4%8F%E6%97%8F&#34;&gt;華夏&lt;/a&gt;とウルク、エジプトと商、ペルシアと楚、ローマ帝国と漢、など、直接対峙していたというわけでもないのに、それぞれの時代の最も大きな軍のサイズがそれほど違わないオーダーなのは、それぞれの時代のテクノロジーが支えられる限界を示しているのかもしれないですね。&lt;/p&gt;&#xA;&lt;p&gt;西暦に入ってからは、小勢力に分裂した西洋と、統一され巨大な軍隊を持つ中国との比較になります。最大の軍隊、で数えると、分裂した西洋側の数字は小さくなってしまいますね。ナポレオンの時代まで東洋側が数字をリードします。&lt;/p&gt;&#xA;&lt;p&gt;グラフは、第二次世界大戦のところだけ、洋の東西ではなく枢軸対連合というわけかたになっています。また、戦後は地理的な東洋・西洋ではなく共産圏を東と呼ぶようなわけかたにされており、現在は北朝鮮と大韓民国が東西の代表となっています。軍隊の人数で言うなら、直接前線で接しているこの2国が最も動員力があるということなのでしょうか。(韓国の人数は徴兵後の予備役をすべて参入した数のようです)&lt;/p&gt;&#xA;&lt;p&gt;日本も、日露戦争からあとの拡張と、第二次世界大戦の末期、ドイツの降伏後に帝政日本が登場しています。&lt;/p&gt;&#xA;&lt;p&gt;reddit のコメント欄では、大英帝国は、ムガールは、ポルトガルは、のようにいろんな時代・国がどうして載ってないんだ、という突っ込みが多数でていますので、万人の納得するようなきちんとした分類ではないのは明らかですが、歴史の切り取り方として面白いかなと思います。&lt;/p&gt;&#xA;&lt;p&gt;via &lt;a href=&#34;http://www.reddit.com/r/dataisbeautiful/comments/2nkrdz/the_size_of_the_worlds_largest_armies_from/&#34;&gt;reddit&lt;/a&gt;&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
