{"version":"1.0","type":"rich","title":"D3 in Action Chapter 6 - Example 1","description":"This example shows an adjacency matrix of character co-appearances in Les Misérables, where each cell is a colored rectangle representing the weight of a connection between two characters. The visualization uses a custom `d3.layout.adjacencyMatrix` layout to compute cell positions and weights, then renders them as SVG rectangles with fill opacity proportional to link weight. Color encodes character group membership via a `d3.scale.category20b()` scale, and axes are generated with `d3.svg.axis` using ordinal scales of character names. The source data is loaded from `miserables.json`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3e595785fdac42b7b082d9af653c3d6b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}