Schema Visualizer: Allow wider zoom range (minZoom/maxZoom)

Open Beginner friendly
#1,568 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
78/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Quiet
Tech stack
react, typescript

Research direction

Start in the Prisma Studio schema visualizer and locate the ReactFlow zoom configuration described in the issue. Update the zoom range so minZoom remains 0.5 and maxZoom becomes 5; done means larger schemas with 15–20+ models can be viewed more fully.

Written by the indexing model from the issue text.

Description

kind/feature

Closes #1558

Problem

The schema visulizer inside prisma studio in locally has minZoom: 0.5 maxZoom: 2 in ReactFlow defaults. For schema with many models (15/20+) max zoom out is not enough to see the full diagram. User cannot get proper full view of the entire diagram. It need minZoom: 0.5 and maxZoom: 5 to get a clear view

Proposed solution

Update the ReactFlow zoom configuration in the Prisma Studio schema visualizer from:

minZoom: 0.5,
maxZoom: 2,

to:

minZoom: 0.5,
maxZoom: 5,

This would allow users to zoom out further and get a clear full view of larger schemas with 15–20+ models.

Alternatives
Image
Dominant language
TypeScript
Stars
2.2k
Forks
84
Avg merge
2m
Merged PRs (30d)
1

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from prisma/studio

All issues in prisma/studio

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.