{"version":"1.0","type":"rich","title":"Gist c0c47f1ae844b9619eff47c6121db765","description":"This example visualizes an AWS S3 bucket policy as a structured diagram, showing the JSON policy’s hierarchy of statements and permissions. It uses React to render the policy document, mapping each key-value pair and array element into interactive nodes and connectors. The code leverages React’s component-based rendering to display the policy’s `Version`, `Id`, and `Statement` fields, with the `Principal`, `Action`, and `Resource` details clearly separated. The visualization focuses on the policy’s logical structure, making it easy to inspect the `s3:GetObject` action and the `arn:aws:s3:::react-app-demoooo/*` resource path. No external charting libraries are used; the layout is handled directly through React’s JSX and CSS styling.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-c0c47f1ae844b9619eff47c6121db765?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}