Hi #bos! I'd like to share what @efiz.near and I built at [ETHGlobal New York](https://ethglobal.com/events/newyork2023) π½ #hackathon By adapting this wonderful [VotersGraph component](https://near.social/mob.near/widget/VotersGraph), originally created by @mob.near for analyzing NDC election results, our team developed a composable way to visualize on-chain social graphs. **Everyone builds everything together!** > [LIVE DEMO](https://near.social/hack.near/widget/graph.view) | [SOURCE CODE](https://near.social/near/widget/ComponentDetailsPage?src=hack.near/widget/graph.view&tab=source) This data visualization kit actually works for many different graphs on the BOS, not only those with connections between accounts. Anyone could make their own version of something, which would then become part of its unique graph. *Ultimately, we can better understand things by considering other perspectives.* This product involves two fully on-chain JavaScript components providing a reusable social graph visualization to be integrated / composed with decentralized applications. 1. **[graph.view](https://near.social/hack.near/widget/graph.view) (wrapper):** allows a user to select a graph by its ID and choose which accounts to include as nodes in the visualization. 2. **[SocialGraph](https://near.social/hack.near/widget/SocialGraph) (core):** renders a D3.js-based simulation that displays nodes (things) and edges (connections) within an <iframe> on the page. Overall, it leverages the blockchain operating system to give creators a reliable building block for apps involving social features. Potential next steps include making the nodes interactive (with clickable hover effects) and experimenting with graphs of various types of things. We hope this will be useful to #builders working on projects in the #near ecosystem and beyond. Your feedback helps make it better, so please let us know any ideas, comments, or questions. Thanks βΊοΈ