Takeaways:

• Goal: Enable users to explore connections organically, surfacing unknown connections in a non-hierarchical display.
• Selected Keylines (a JavaScript tool) as the foundation for the application and code base.
• Keylines guided the wire-framing process; however, the tool was relatively barebones.
• Evaulated accessibility, leading to an overhaul of colored rings to include icons with secondary color support.
• Conducted contrast ratio checks to ensure legibility and developed both dark and light modes for diverse user preferences.
• Created a design system so that future designers could easily jump into this project and start iterating.