{"slug":"network-graph","title":{"ja":"ネットワーク図","en":"Network graph"},"summary":{"ja":"点（ノード）と線（エッジ）でつながりを表し、つながりの多い点ほど大きく明るい。","en":"Nodes and edges show connections; more connected nodes are larger and brighter."},"categories":["art","design","motion"],"subAspects":["generative.technique"],"aspects":["generative"],"tags":["network","graph","nodes","small-world"],"palette":[{"name":"Obsidian","hex":"#06070C","ratio":0.8},{"name":"Teal","hex":"#2FC7C0","ratio":0.08},{"name":"Amber","hex":"#F4B04A","ratio":0.08},{"name":"Magenta","hex":"#E04BB0","ratio":0.04}],"keywords":["network graph","node-link diagram","small-world network","force-directed layout","data visualization"],"traits":{"en":["Round nodes are joined by thin straight edges; a few hubs have many connections","Node size and brightness grow with the number of connections","Nodes cluster into groups with dense links inside and few links between (small-world)","Glowing lines and particles are drawn with additive blending on a near-black background, so overlaps get brighter and bloom","In motion, pulses travel along the edges"],"ja":["丸い点（ノード）が細い直線（エッジ）でつながり、いくつかの中心の点は多くの線を持つ","点の大きさと明るさは、つながりの数とともに増す","点はまとまりをつくり、まとまりの中は密に、まとまりの間はまばらにつながる（スモールワールド）","線と粒子は、ほぼ黒の地に加算合成で描き、重なる所ほど明るくにじむ","動きでは、パルスがエッジを伝う"]},"prompt":"Network graph: round glowing nodes joined by thin straight edges, a few large bright hubs with many connections, nodes clustered into groups densely linked inside and sparsely between, teal edges and amber hubs on a near-black background with additive blending. As video, pulses travel along the edges.","negativePrompt":"flowchart boxes, org chart, labels and text, curved organic veins, white background","contrasts":[],"images":[],"references":[{"label":"py5-media-art — data_metropolis","url":"https://github.com/asamiile/py5-media-art/tree/main/sketch/data_metropolis"},{"label":"py5-media-art — kinetic_watts_strogatz_small_world_2d","url":"https://github.com/asamiile/py5-media-art/tree/main/sketch/kinetic_watts_strogatz_small_world_2d"}],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/network-graph","en":"https://visual-gallery.asami.tokyo/en/styles/network-graph"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/network-graph","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/network-graph/md"}}