![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fe2102360-a355-8688-0d83-19e900155f31.gif?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=e2f5eeb44cd61de9cc4352f3932cf056)
これは、MIERUNE Advent Calendar 2022…1日目の記事です。
はじめに
毎年11月に世界中の地図好きが日替わりテーマに関する数千もの地図作品をTwitterに投稿する#30DayMapChallenge2022というイベントがあり、ことしMIERUNEはチームとして参加しました!
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fa36961e8-f074-6645-111b-f4489c5a8d9c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4b34eac8e0274d1c944c1a6cc69a2e81)
3日目のテーマはPolygonでして、わたしは主題図の一種である「Cartogram(カルトグラム)」というポリゴンを属性値でぶりぶり膨らませる手法を使い、都道府県人口の数値もとにQGISでこの表現をためしてみました。そのやり方を今回は紹介したいと思います。
なお、今回はQGIS 3.22.13(on MACOS 12.6)を使用しています。
まず1枚のCartogramを作ってみる
データは2016年公開の国土地理院の地球地図日本(第2.2版ベクタ)の市町村ポリゴン(polbnda_jpn.shp)利用させていだいております、いつもありがとうございます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fd169e806-7109-587c-82de-f28e91eddfd0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8cddfd33ea81045da700d7d33b15f413)
このデータには市町村ごとに[pop]という人口の属性があります。この市町村ごとのデータを都道府県別人口のデータにするために、集計処理をQGISでかけます。プロセッシングツールボックス内の「集計」という機能で、ディゾルブも属性集計も一緒にやってくれるので便利です(今回はじめて知った😂)。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fe6d3dab4-9678-b257-5b57-35ed6d345a11.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6b53a668e0f234576a561e543646d79b)
地球地図日本には-89999999などの値が[pop]に入っててちょっと手間がかかるので、このへんの前処理は割愛しますが、さっさと試してみたい方はこちらにEPSG3099でGeoJSONをおいてます、適宜DLしてお使いください。
次にCartogram3プラグインをQGISにインストールします。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F1b54bd42-1b41-607c-77b5-023837daf095.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d6573d8619bd573d12bdb656460503b4)
インストールが成功すると、ツールバーにCartogram3の多面体ぽいアイコンが表示されます。先ほどの都道府県別人口データをQGISに表示させたあと、Cartogram3のアイコンを押すとこのような設定画面になります。膨らませたいレイヤと計算に用いるフィールド(今回は人口のpop)を設定後とりあえずOkをおしてみましょう。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F829f4972-8693-83c3-4880-94e2e854ef62.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=8a59837e43766f4fe7fef5c529639a4b)
マシンパワーによりますが、10-20秒ほどで都道府県がぶりぶり膨らんだ日本のデータが一時ファイルとして生成されます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F8338992b-1040-6b7b-e8ab-fcccb173ba85.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=ee734e05f1c75958e395050dda2c4e17)
あまりプラグインやアルゴリズムの詳細を見ていないのですが、ユーザーが指定する反復処理までこの計算は行われるようで、プラグイン実行時のmax.number of iterations(最大反復数)の値が大きいほど如実な膨らみを示します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F3db0c2e8-334a-ecb8-9ba3-6efe331f3c6c.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=a982f741a69a13d6c5adf13ec69bfe78)
もう一工夫してアニメーションにする
今回アニメーションを作成するにあたっては、
- Cartgram3の[max.number of iterations]を0から20までのバッチ処理を行う
- 各々をPNGで出力
- FFmpegで動画化
をの流れで行いました。
なお、1で生成されたデータをマージして、QGISのアニメーション機能で流すのもスマートかもしれませんし、モデルを作って一気にやるのもありですね。
今回はとりあえず11フレーム(max.number of iterations=0〜10)で作ってみます。
まず、バッチ処理を行うには、プロセッシングツールボックス内のツリーから[Cartgram]を掘り出して、右クリック→[バッチプロセスで実行]を押しましょう。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fda7842fb-1c86-b836-e522-a3e8256cbf87.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=3896c53a8b69d00de13110a5dae112a3)
バッチプロセスのウインドウが開くので「+」マークを10回押して、11回分(0〜10)の処理レコードを作成し、「完了時にレイヤを読み込む」にチェック(ここの冗長性もなんとかしたいけどまずはこのままで)。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F2b3efecd-6d7d-bbb4-d5f0-94882ae75d6f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1fbbf0d281a6273f0ca10fa030ab2e93)
ID1行の膨らませる基準となる対象フィールドに[pop]を指定
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fc5c0e8c7-ac3f-e4ef-7016-abf1d08d0550.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=94c5f38933854568b03ccbd72082a6e2)
他の行は全部繰り返して入力してもよいんですが、「オートフィル」をクリックして「フィルダウン」を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F8635de74-41de-d9d8-5f9b-7a29bdabb9a0.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=15bdbb56ba619441a5c79a79ccb23c6e)
するとExcelのように全部同じフィールドが自動で入ります、楽ちん!
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fb6091a3c-9d46-8d39-c7ed-ed500331620d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=9393141eedf417817df5575effea0c26)
次に膨らみ具合の調整を行う[max.number of iteration]を行数に基づいて段階的に上げていきましょう。今度は[max.number of iteration]列の「オートフィル」をクリックして「式による計算」を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F8858d265-14bb-ac88-3c3b-2798a0dd622d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=54d2024e8cda6edb13df040f8fab8583)
式文字列ビルダウインドウが立ち上がるので、真ん中の列のrow_number(行数の変数)をダブルクリックすると、左側の式に@row_numberが代入されます (ダイレクトで入力してもよいです)。そのあと、右下の[OK]を押すと…
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F6162300a-0c24-f6ce-dab8-0fcd3433d086.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=bca71acc5811d93619cbaed110f5719b)
[max.number of iteration]に0〜10までの値が自動で入力されます、楽ちん!
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Fdb48dc61-aebd-94a7-8e10-d9892f8b4dc4.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=da4a76cc9bab9899356a6b1acfe3d940)
Output layer(出力先)も同様に式で作ってしまいましょう(手で入力し続けるのもアレだし同じファイル名にしちゃうとずっと上書きされれてしまうので…)Output layer列の「オートフィル」をクリックして「式による計算」を選択
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2Febb18af5-c43f-0d0e-1ace-4df9d4fb755f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=dcdae28a990fe0a0b9d9ba0b0174b2d5)
先程の応用なのですが、「任意出力先のパス(/Users/hoge/Desktop/)」+「行番号」+「.shp」という意味で左の式作成エリアに
'/Users/hoge/Desktop/' || @row_number || '.shp’
のテキスト式をいれてみます。(’hoge’は文字列を表し、||は結合を意味します)
なお、今回は出力先を/Users/hoge/Desktop/
としましたが、お試しになる方は適宜出力先などを変更してください。ちゃんと関数ができていないとウインドウ左下にこのような表示がでますのでご注意を。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F07b1ee19-e8d2-05c2-e504-f5a6c8d312c2.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=6b55bcacecb6e1a072f9a7c120b0e523)
うまくできていたらこのような値が自動で入力されます、またまた楽ちん!
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F2ef15974-ae9a-d896-fb51-523c52cd1999.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=63a896b2f5f628d3fc4ddf9af55cb732)
では右下の「実行」を押してみましょう。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F764ab181-1db7-696e-f977-a3987033ce2a.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=1486c0626846c1e72d564d0ff0937c48)
数分かかりますが、自動的にCartogramのぶりぶりとした処理結果が生成され、QGISのマップキャンバス上に表示されます、年輪みたい。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F3dca6b0a-2485-f63b-cc67-1eae93eaff55.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=862acbf92745490b25a6402360049c73)
アニメ化をするには、生成されたデータの凡例やレイアウトをお好きに設定して、今回作成したパラメータのレイヤごとに画像をエクポートしていきます(QGISの機能である「スタイルのコピー」などを活用すると便利ですよ)。ここもモデルビルダーやPythonなどでやってもいいのですが今回は手作業で。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F100567%2F2a8cbb5b-d496-7ae0-3db4-fe1382198975.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=08f524cd0d7f95c1a2cfce67eb239fd6)
その後、FFmpegがある方は下記のコマンドでアニメ素材のmp4ファイルを作成します
$ ffmpeg -r 10 -i %02d.png -c:v libx264 output.mp4
※なお初心者の方にとってFFmpegは導入やコマンドがちょっと敷居が高いので、別途アニメーション作成ツールなどを用いても良いと思います。
おわりに
これでぶりぶりと都道府県でも世界地図でも膨らませることができます。
ちなみに吉田戦車のぷりぷり県は個人的にかなり好きなのですがここでお返しできたような気がします()
なお、Cartogramの手法はなかなかおもしろいやり方ではありますが、この表現にはストロングゼロくらいのセンセーショナルなパワーがありますので、用法にはお気をつけくださいね💊👨⚕️
参考
先人パイセンたちの智慧と共有に感謝しますm(_ _)m
ffmpegで連番画像から動画生成 / 動画から連番画像を生成 ~コマ落ちを防ぐには~
How to Make Cartograms With Animation
明日のMIERUNE Advent Calendar 2022は@bordoray さんの番です!お楽しみにー