Shuichiro Ogawa
English

引用ネットワーク

214 本のノートが引いた文献のつながりを、15 の絵にする。

作品の読み方

文献は点、1 本のノートは「そのノートが引いた文献をまとめて結ぶ線」とみなす。2 本以上のノートが引いた文献 869 件が主役の点になり、形は種類（塗り＝学術、輪＝実務）、線のにじみは古さを表す（織物の糸はにじませない）。1 本のノートにしか引かれない文献 5,843 件は、どの作品でもそのノートのいる所のまわりに小さく淡い点として置く。赤は、ポインタを重ねたか選んだものにだけ使う。

墨流し

ノートを書いた順に、引いた文献の真ん中へ墨と水を 1 滴ずつ落として輪をつくり、水面のゆるい流れで引き伸ばす。文献の点の位置は、よく一緒に引かれる文献どうしを引き寄せ、ほかの文献とは押し合う力の計算が落ち着いた所で、別のグループとは離れ、古い文献ほど左に寄りやすい（開くたびに少し変わる）。輪はその点の真ん中に落ちるので、輪の位置もこの点の配置で決まる。点の位置は描き始める前に全部決めておき、点はあとから現れても動かない。

墨流し：対応表
見た目 表すもの
点 文献（2 本以上のノートが引いたもの）
点の大きさ 引用数
点の形 種類（塗り＝学術、輪＝実務） 学術 618 実務 251
点の濃さ 点の明るさ グループ（薄いほど論文が少なく、濃いほど論文が多い） グループ（暗いほど論文が少なく、明るいほど論文が多い）
点どうしの近さ 共引用数（多いほど近くに寄る）
墨の輪 ノート（そのノートが引いた文献の点の真ん中に墨を落とし、同じ所に水を落として輪にしたもの）
輪の大きさ そのノートが引いた文献の数（墨の面積が数に比例する）
輪の重なりと伸び 書いた日（あとのノートの滴が前の輪を外へ押し広げ、水面の流れも続くので、古い輪ほど細く長く伸びる。最後のノートの輪はほぼ丸い）
輪の濃さ 輪の明るさ そのノートがいちばん多く引くグループ（薄いほど論文が少なく、濃いほど論文が多い）。引いた文献の少ないノートの輪ほど淡い そのノートがいちばん多く引くグループ（暗いほど論文が少なく、明るいほど論文が多い）。引いた文献の少ないノートの輪と、輪の混んだ所の線ほど淡い
輪の墨のにじみ 輪の光のにじみ 古さ（古いほど墨が紙に広がる）。輪は、そのノートを書いた日で測る。 古さ（古いほど光がやわらかく広がる）。輪は、そのノートを書いた日で測る。 新しい → 古い
流れの形と向き 意味はない（画面の長い辺に沿って流れる。帯の蛇行と渦の位置は生成ごとに変わる）
小さく淡い点 1 本のノートにしか引かれない文献（そのノートの墨を落とした所のまわり。点と同じく流れには運ばれない）
点が現れる順（左下に時期） 書いた日と時期（その文献を初めて引いたノートの墨が落ちるときに現れる）
赤 ポインタを重ねたか選んだ文献の点かノートの輪（ほかは赤にしない）。ノートの輪を選ぶと、そのノートが引いた文献の点が浮かぶ

輪の大きさ ← 引いた文献の数、輪の伸び ← 古さ

参考： Lu et al.（2012）、Jaffer（2010）、Batchelor（1967/2000）、Jacomy et al.（2014）、Small（1973）

ノートから絵まで

  1. 1ノート

    公開ノート 214 本。下書きと、このページの作品と方法を扱うノートは数えない。

  2. 2文献

    参考文献の節から DOI と URL を拾い、同じ文献をまとめて 6,712 件。

  3. 3数える

    下の 6 つの量。サイトを生成するときに 1 回だけ数える。

  4. 4形にする

    作品ごとの規則で、位置、大きさ、形、濃さ、線、にじみに置き換える。

引用数
その文献を引いたノートの本数。
共引用数
2 つの文献を、同じノートの中で一緒に引いたノートの本数。 分析の用語では共引用（Small, 1973）。
共有数
2 本のノートが、共通して引いた文献の数。 分析の用語では書誌結合（Kessler, 1963）。
書いた日と時期
ノートが初めて書かれた日と、トップページと同じ 5 つの時期。古さは、最も新しいノートの日からどれだけ前か（最初のノートの日が最も古い）。
グループ
一緒に引かれやすい文献のまとまり（自動で分けた 15 個）と、その中の論文の割合。論文の割合は、種類が学術の文献の割合である。
種類
文献が学術か実務か。学術は論文とプレプリント（DOI を持つ文献と、arXiv、ACL Anthology、OpenReview に載ったもの）、実務は企業、公的機関、ニュースやブログなどのウェブ。論文の割合も同じ分け方で数える。点になる文献 869 件の内訳は、学術 618 件、実務 251 件。

特徴

  1. 生成 AI の案を使って書いた物語どうしは似てくる、と示した論文を、5 つの時期のうち 5 つの時期のノートが引いている。

    星座で見る ↑

詳しい説明と出典

位置と距離

墨流し、織物、星座では、よく一緒に引かれる文献どうしが引き合い、文献どうしが押し合う力の釣り合いで位置が決まる（力の形は Jacomy et al., 2014 にならう）。墨流しと星座では、押し合う力は近くにだけ届き、違うグループの文献どうしは遠くまで強く押し合うので、グループはまとまり、あいだが空く。墨流しは画面と同じ縦横比の長方形に置き、星座は球面の上に置いて（Kobourov & Wampler, 2005）、立体射影（Snyder, 1987）で画面に写す。織物は枠の無い平面に置き、すべての文献が押し合い、開くたびに選ぶ形の型（円盤、渦巻き、輪など）へ引かれて落ち着いた網を、違う向きで画面に収める。墨流しでは、墨の輪も水面の流れも点を動かさないので、点は配置の位置のまま残る。意味を持つのは相対的な近さと粗密だけで、全体の形は開くたびに変わる。力で配置した図は始めの置き方で仕上がりが変わる（Gansner et al., 2005）ので、1 つの配置を答えとして見せないために毎回別の配置を生む。近さの読みにはあいまいさが残る（Venturini et al., 2021）。

群制御の作品の動き方

粘菌、群れ、細胞、泡、一筆では、文献の 1 件ずつが個体になり、近くの個体か、まわりに残った跡だけを見て動く。全体の形を決める計算は無く、形は個体どうしのやりとりから生まれる。個体は、ノートを書いた順に、そのノートが引いた文献の場所に生まれる。その場所は墨流しと同じ長方形の配置から取るので、よく一緒に引かれる文献は近くに生まれる。規則は、粘菌が Jones, 2010、群れが Couzin et al., 2002、細胞が Schmickl et al., 2016、泡が Secord, 2002、一筆が O’Keeffe et al., 2017 のものである。粘菌、群れ、細胞、一筆の個体は止まらずに動き続けるので、最後のノートが着いてから決まった時間だけ動かし、その瞬間を絵として止める。静止画の枯山水、珊瑚、根も群制御で描く。規則は、枯山水が Vicsek et al., 1995、珊瑚が Slavkov et al., 2018、根が Israeli & Jalfon, 1990 のもので、乱数の種を固定して最後まで計算してから、完成形を一度に描く。そのため、この 3 作品は開くたびに同じ絵になる。

15 のグループ

よく一緒に引かれる文献を Louvain 法（Blondel et al., 2008）で分けた。名前は人が中身を読んで付けた。論文の割合の低い順に並べ、絵の濃さ（ダークでは明るさ）も同じ順である。

  1. consulting / industry 論文 0%、3 件、⑤
  2. 産業の観測 論文 1%、94 件、②
  3. user-research / checklist 論文 15%、39 件、⑤
  4. ai-search / aio 論文 31%、16 件、⑤
  5. AI に任せる判断と評価の標準 論文 36%、70 件、④
  6. デザインシステム 論文 53%、15 件、④
  7. 構えと能力を測る 論文 76%、74 件、⑤
  8. 研究のすき間と問題の立て直し 論文 80%、69 件、②
  9. ai-slop / descriptive-norms 論文 91%、65 件、③
  10. LLM による評価 論文 92%、62 件、③
  11. AI とデザインの実務、教育 論文 94%、200 件、⑤
  12. construct-validity / gyaru 論文 95%、40 件、③
  13. 研究の問いの立て方 論文 97%、38 件、②
  14. 生成と創造性 論文 98%、42 件、③
  15. 学ぶことと認知負荷 論文 100%、42 件、③

5 つの時期

トップページの「関心の推移」と同じ時期で、ノートを初めて書いた日で数える。

  1. ① 仕事と稼ぎ 2026年6月、ノート 26 本
  2. ② 報酬と研究法 2026年7月、ノート 57 本
  3. ③ 学びと来歴 2026年8月、ノート 51 本
  4. ④ 標準と判断 2026年9月、ノート 28 本
  5. ⑤ 有利と育ち 2026年10月、ノート 52 本

特徴の根拠

  1. 生成 AI の案を使って書いた物語どうしは似てくる、と示した論文を、5 つの時期のうち 5 つの時期のノートが引いている。 この論文は Doshi & Hauser（2024）で、ノート 20 本が引いている。同じノートに引かれた 2 つの文献を線で結ぶと、ほかの文献どうしを最短でつなぐ道に、この論文がどの文献よりも多く出てくる（この度合いを媒介中心性と呼ぶ。Freeman, 1977）。 論文を開く ↗

数字

数えた公開ノート
214 本
引かれた文献
6,712 件
うち DOI つき 3,492 件
2 本以上のノートが引く文献
869 件
一緒に引かれた文献の組
18,366 組
グループ
15 個
モジュラリティ
0.69
1 に近いほど分かれ方が明瞭

文献を 1 件以上読み取れたノートは 209 本。下書きのノート 28 本と、このページの作品と方法を扱うノートは数えていない。

元データと記録

実装：TypeScript、p5.js（Canvas 2D）、graphology、Astro

参考文献

分析の方法

配置を力で生む方法と、球面の写し方（墨流し、織物、星座、年輪）

  • Jacomy, M., Venturini, T., Heymann, S., & Bastian, M. (2014). ForceAtlas2, a continuous graph layout algorithm for handy network visualization designed for the Gephi software. PLoS ONE, 9(6), e98679. https://doi.org/10.1371/journal.pone.0098679
  • Eades, P. (1984). A heuristic for graph drawing. Congressus Numerantium, 42, 149–160. https://www.cs.ubc.ca/~will/536E/papers/Eades1984.pdf
  • Fruchterman, T. M. J., & Reingold, E. M. (1991). Graph drawing by force-directed placement. Software: Practice and Experience, 21(11), 1129–1164. https://doi.org/10.1002/spe.4380211102
  • D3. (n.d.). d3-force [Software documentation]. D3. https://d3js.org/d3-force 公式ドキュメントを読んで確かめました（2026-09-23）。
  • Kobourov, S. G., & Wampler, K. (2005). Non-Euclidean spring embedders. IEEE Transactions on Visualization and Computer Graphics, 11(6), 757–767. https://doi.org/10.1109/TVCG.2005.103
  • Snyder, J. P. (1987). Map projections: A working manual (U.S. Geological Survey Professional Paper 1395). U.S. Geological Survey. https://doi.org/10.3133/pp1395 立体射影の標準的な出典として挙げます（書誌は USGS の刊行ページと Crossref で確かめました。2026-09-24）。
  • Gansner, E. R., Koren, Y., & North, S. (2005). Graph drawing by stress majorization. In Graph Drawing (GD 2004) (Lecture Notes in Computer Science, Vol. 3383, pp. 239–250). Springer. https://doi.org/10.1007/978-3-540-31843-9_25
  • Venturini, T., Jacomy, M., & Jensen, P. (2021). What do we see when we look at networks: Visual network analysis, relational ambiguity, and force-directed layouts. Big Data & Society, 8(1). https://doi.org/10.1177/20539517211018488
  • Krzywinski, M., Birol, I., Jones, S. J. M., & Marra, M. A. (2012). Hive plots: Rational approach to visualizing networks. Briefings in Bioinformatics, 13(5), 627–644. https://doi.org/10.1093/bib/bbr069

群制御のアルゴリズム（粘菌、群れ、細胞、泡、一筆、枯山水、珊瑚、根）

個体が近くの個体か環境だけを見て動く規則を、ブラウザの中でその場で動かす。文献が生まれる場所は、墨流しと同じ平面の力の配置で決める。

  • Jones, J. (2010). Characteristics of pattern formation and evolution in approximations of Physarum transport networks. Artificial Life, 16(2), 127–153. https://doi.org/10.1162/artl.2010.16.2.16202 本文は著者の所属機関のリポジトリ版（https://eprints.uwe.ac.uk/15260）で読み、粒子の規則と既定の係数を確かめました（2026-09-25）。
  • Couzin, I. D., Krause, J., James, R., Ruxton, G. D., & Franks, N. R. (2002). Collective memory and spatial sorting in animal groups. Journal of Theoretical Biology, 218(1), 1–11. https://doi.org/10.1006/jtbi.2002.3065 原論文は 3 次元の空間のモデルです。本サイトでは同じ 3 つの領域の規則を平面で動かしています。
  • Reynolds, C. W. (1987). Flocks, herds and schools: A distributed behavioral model. Computer Graphics (Proceedings of SIGGRAPH ’87), 21(4), 25–34. https://doi.org/10.1145/37401.37406
  • Schmickl, T., Stefanec, M., & Crailsheim, K. (2016). How a life-like system emerges from a simplistic particle motion law. Scientific Reports, 6, 37969. https://doi.org/10.1038/srep37969
  • Secord, A. (2002). Weighted Voronoi stippling. In Proceedings of the 2nd International Symposium on Non-Photorealistic Animation and Rendering (NPAR ’02) (pp. 37–43). ACM. https://doi.org/10.1145/508530.508537
  • Lloyd, S. (1982). Least squares quantization in PCM. IEEE Transactions on Information Theory, 28(2), 129–137. https://doi.org/10.1109/TIT.1982.1056489
  • Du, Q., Faber, V., & Gunzburger, M. (1999). Centroidal Voronoi tessellations: Applications and algorithms. SIAM Review, 41(4), 637–676. https://doi.org/10.1137/S0036144599352836
  • O’Keeffe, K. P., Hong, H., & Strogatz, S. H. (2017). Oscillators that sync and swarm. Nature Communications, 8, 1504. https://doi.org/10.1038/s41467-017-01190-3
  • Vicsek, T., Czirók, A., Ben-Jacob, E., Cohen, I., & Shochet, O. (1995). Novel type of phase transition in a system of self-driven particles. Physical Review Letters, 75(6), 1226–1229. https://doi.org/10.1103/PhysRevLett.75.1226
  • Jobard, B., & Lefer, W. (1997). Creating evenly-spaced streamlines of arbitrary density. In W. Lefer & M. Grave (Eds.), Visualization in Scientific Computing ’97 (pp. 43–55). Springer. https://doi.org/10.1007/978-3-7091-6876-9_5
  • Slavkov, I., Carrillo-Zapata, D., Carranza, N., Diego, X., Jansson, F., Kaandorp, J., Hauert, S., & Sharpe, J. (2018). Morphogenesis in robot swarms. Science Robotics, 3(25), eaau9178. https://doi.org/10.1126/scirobotics.aau9178
  • Israeli, A., & Jalfon, M. (1990). Token management schemes and random walks yield self-stabilizing mutual exclusion. In Proceedings of the Ninth Annual ACM Symposium on Principles of Distributed Computing (PODC ’90) (pp. 119–131). ACM. https://doi.org/10.1145/93385.93409

静止画の作品のアルゴリズム（束、弧、流れ）

  • Holten, D. (2006). Hierarchical edge bundles: Visualization of adjacency relations in hierarchical data. IEEE Transactions on Visualization and Computer Graphics, 12(5), 741–748. https://doi.org/10.1109/TVCG.2006.147
  • Holten, D., & van Wijk, J. J. (2009). Force-directed edge bundling for graph visualization. Computer Graphics Forum, 28(3), 983–990. https://doi.org/10.1111/j.1467-8659.2009.01450.x
  • Wattenberg, M. (2002). Arc diagrams: Visualizing structure in strings. In IEEE Symposium on Information Visualization (InfoVis 2002) (pp. 110–116). IEEE. https://doi.org/10.1109/INFVIS.2002.1173155
  • Byron, L., & Wattenberg, M. (2008). Stacked graphs: Geometry & aesthetics. IEEE Transactions on Visualization and Computer Graphics, 14(6), 1245–1252. https://doi.org/10.1109/TVCG.2008.166
  • Havre, S., Hetzler, E., Whitney, P., & Nowell, L. (2002). ThemeRiver: Visualizing thematic changes in large document collections. IEEE Transactions on Visualization and Computer Graphics, 8(1), 9–20. https://doi.org/10.1109/2945.981848

墨流しの滴の式

  • Lu, S., Jaffer, A., Jin, X., Zhao, H., & Mao, X. (2012). Mathematical marbling. IEEE Computer Graphics and Applications, 32(6), 26–35. https://doi.org/10.1109/MCG.2011.51 要旨によれば、閉じた式で墨流しを模す方法を示した論文です。本文は読めていないので、滴の式は共著者 Jaffer の解説ページで確かめました（2026-09-24）。
  • Jaffer, A. (2010). Dropping paint [Web page]. Topological Computer Graphics. https://people.csail.mit.edu/jaffer/Marbling/Dropping-Paint ページを読み、滴の式と、滴が面積を保つことの説明を確かめました（2026-09-24。著作権表示は 2006, 2010 年）。

曲線と数値計算

  • Catmull, E., & Rom, R. (1974). A class of local interpolating splines. In R. E. Barnhill & R. F. Riesenfeld (Eds.), Computer aided geometric design (pp. 317–326). Academic Press. https://doi.org/10.1016/B978-0-12-079050-0.50020-5
  • Barry, P. J., & Goldman, R. N. (1988). A recursive evaluation algorithm for a class of Catmull-Rom splines. In Proceedings of the 15th Annual Conference on Computer Graphics and Interactive Techniques (SIGGRAPH ’88) (pp. 199–204). ACM. https://doi.org/10.1145/54852.378511
  • Yuksel, C., Schaefer, S., & Keyser, J. (2009). On the parameterization of Catmull-Rom curves. In 2009 SIAM/ACM Joint Conference on Geometric and Physical Modeling (pp. 47–53). ACM. https://doi.org/10.1145/1629255.1629262
  • Yuksel, C., Schaefer, S., & Keyser, J. (2011). Parameterization and applications of Catmull–Rom curves. Computer-Aided Design, 43(7), 747–755. https://doi.org/10.1016/j.cad.2010.08.008
  • de Boor, C. (1978). A practical guide to splines. Springer. ISBN 978-0-387-90356-9
  • Bartels, R. H., Beatty, J. C., & Barsky, B. A. (1987). An introduction to splines for use in computer graphics and geometric modeling. Morgan Kaufmann. ISBN 0-934613-27-3
  • Press, W. H., Teukolsky, S. A., Vetterling, W. T., & Flannery, B. P. (1992). Numerical recipes in C (2nd ed.). Cambridge University Press. ISBN 0-521-43108-5
  • Silverman, B. W. (1986). Density estimation for statistics and data analysis. Chapman & Hall. ISBN 0-412-24620-1
  • Batchelor, G. K. (2000). An introduction to fluid dynamics. Cambridge University Press. (Original work published 1967) https://doi.org/10.1017/CBO9780511800955 リンクは Cambridge Mathematical Library 版（2000 年）の DOI です。墨流しの流れ関数の標準的な出典として挙げます。

紙と墨の表現（ライトの見た目）

ライトの和紙と墨は、これらの研究を参考にした画像上の近似で、にじみのために紙の中の水や墨の流れを計算することはしない。和紙の繊維の描き方は本サイトの設計である（和紙の繊維を計算で表した査読付きの研究は見つからなかった）。

  • Curtis, C. J., Anderson, S. E., Seims, J. E., Fleischer, K. W., & Salesin, D. H. (1997). Computer-generated watercolor. In Proceedings of the 24th Annual Conference on Computer Graphics and Interactive Techniques (SIGGRAPH ’97) (pp. 421–430). ACM. https://doi.org/10.1145/258734.258896
  • Chu, N. S.-H., & Tai, C.-L. (2005). MoXi: Real-time ink dispersion in absorbent paper. ACM Transactions on Graphics, 24(3), 504–511. https://doi.org/10.1145/1073204.1073221
  • Guo, Q., & Kunii, T. L. (1991). Modeling the diffuse paintings of “sumie.” In T. L. Kunii (Ed.), Modeling in computer graphics (pp. 329–338). Springer. https://doi.org/10.1007/978-4-431-68147-2_21 内容は索引の要旨と、Curtis ら（1997）の関連研究の節で確かめました。

作品としての先行例

  • Lima, M. (2011). Visual complexity: Mapping patterns of information. Princeton Architectural Press. ISBN 978-1-56898-936-5
  • Lupi, G., & Posavec, S. (2016). Dear data. Princeton Architectural Press. ISBN 978-1-61689-532-7
  • Posavec, S. (n.d.). Writing without words [Artwork]. Stefanie Posavec. https://www.stefanieposavec.com/archive/writing-without-words
  • Lombardi, M. (n.d.). Narrative structures [Drawings]. Whitney Museum of American Art. https://whitney.org/artists/7340
  • Viégas, F. B., & Wattenberg, M. (2007). Artistic data visualization: Beyond visual analytics. In Online Communities and Social Computing (OCSC 2007) (Lecture Notes in Computer Science, pp. 182–191). Springer. https://doi.org/10.1007/978-3-540-73257-0_21
  • Kosara, R. (2007). Visualization criticism: The missing link between information visualization and art. In Proceedings of the 11th International Conference Information Visualization (IV ’07) (pp. 631–636). IEEE. https://doi.org/10.1109/IV.2007.130
  • Viégas, F., & Wattenberg, M. (2012). Wind map [Interactive artwork]. hint.fm. http://hint.fm/wind/ 公式ページで 2012 年の公開と作者を確かめました（https では開けないので、http のアドレスを載せています）。