GSOC 2026: Enhanced Interaction and Navigation in JSON Schema Studio

[AgniveshChaubey]

Enhanced Interaction and Navigation in JSON Schema Studio

Brief Description
JSON Schema Studio is an open-source tool that visualizes JSON Schemas as interactive graphs, helping developers understand and debug complex schemas. This project was part of GSoC 2025, and we successfully released the first beta this year, receiving strong and positive feedback from the community. There remains significant scope for further improvements and feature additions.

This GSoC 2026 project focuses on improving interactivity, navigation, and rendering correctness by enhancing dependency ordering, editor synchronization, collision handling, and user-driven exploration features, including collapsible nodes, bidirectional editing, and focused graph navigation.

Expected Outcomes

• Topologically sorted rendering of $defs dependencies: Ensure $defs schemas are rendered in dependency order to handle chained and recursive references correctly.
• Validation error navigation: When schema validation errors occur, clicking an error highlights and scrolls to the corresponding line number in the editor.
• Edge collision resolution: Reduce edge overlappings to improve readability in large graphs.
• Edge-based navigation controls: On hovering over an edge, display navigation buttons that allow users to:
  • Focus and center the source node
  • Focus and center the target node
• Fix handle misalignment on live edits: Ensure node sourcehandles remain correctly positioned when schemas are edited dynamically in the editor.
• Distinct visualization for multi-type schemas: Clear and intuitive rendering for nodes with multiple types (e.g. ["string", "null"]) using visual elements such as segmented styles, badges, or patterns.
• File upload support: Allow users to upload JSON Schema files directly into the application for instant visualization.
• Downloadable visualization output: Enable exporting the visualization as an image or file for documentation and sharing.

Skills Required

• JavaScript/TypeScript
• Reactjs
• Understanding of visualization library (ReactFlow)
• Understanding of JSON Schema

Mentors
@AgniveshChaubey

Expected Difficulty
Small

Expected Time Commitment
90 hrs

If you have any questions, feel free to ask in the gsoc-visualization-tool slack channel.

[AgniveshChaubey]

#964

[adityayadav-dev]

I’ve been going through JSON Schema Studio and reading about the work done during GSoC 2025, including the recent beta release. The project already looks very solid, and it’s exciting to see how well the interactive graph approach is working for understanding complex schemas.

I’d be especially interested in contributing to areas such as:

• Improving $defs rendering order to better handle chained and recursive references

• Strengthening editor ↔ graph interaction, for example validation error navigation and live handle alignment

• Enhancing graph readability and exploration through better edge handling and focused navigation controls

Areas like dependency-aware rendering of $defs, editor–graph synchronization, and clearer navigation in dense graphs are particularly interesting to me. I’m comfortable working with JavaScript/TypeScript and React and i would love to work on this project under the guidance of AgniveshChaubey sir .

[jagpreetrahi]

@Honyii, so happy to see our project being a part of GSoC once again 🎉
It would be truly exciting to contribute to this journey as a co-mentor, and I’d love to propose being part of the mentorship for this project. Working closely with @AgniveshChaubey has been a great experience, and I’m confident we can create meaningful impact together.

[AgniveshChaubey]

Thanks for showing your interest! That would definitely offload a lot of work from my shoulders.

[Honyii]

Thank you for your interest @jagpreetrahi , more information will be shared about this after GSoC organization announcement.

[omarzydan610]

Hello @AgniveshChaubey and @jagpreetrahi ,

I’m interested in contributing to this project as part of GSoC 2026. I have experience with TypeScript, React and Tailwind, which align well with the project’s tech stack.

I’ve already started exploring the codebase, and I’d appreciate it if you could recommend any preliminary tasks I can work on to become more familiar with it.

[AgniveshChaubey]

@omarzydan610, if you're interested in the project, you can check out the docs to get a better understanding of it. If you're asking for preliminary tasks in terms of GSoC, it’s too early for that, since the organization and project first need to be selected in GSoC. Only then publishing the qualifying tasks make sense.

[itvi-1234]

This looks like a really exciting project direction — especially the focus on improving graph–editor synchronization, dependency ordering, and navigation within complex schemas.

I’ve been actively contributing to JSON Schema Studio recently (working on interaction features like editor navigation, highlighting, and file upload support), and I’d love to continue contributing in this area. The goals around validation navigation, collision handling, and focused graph exploration sound particularly interesting to work on.

Looking forward to contributing further and helping improve the developer experience around schema visualization. 🚀

[RahulDev-01]

@DevROHIT11 ,While exploring the codebase, I noticed that $defs appear to be rendered based on traversal order rather than dependency order. I’ve been thinking about constructing a directed graph from $ref relationships and applying a topological sort (e.g., Kahn’s algorithm) to ensure dependency-aware rendering. For recursive references, cycle detection could help preserve correct visualization without breaking the layout.

I’d be interested in exploring whether such an approach would align with the current rendering pipeline and discussing any architectural constraints I should consider.