Home / Image & Visual / Infographics & Diagrams

OAuth 2.0 Flow Diagram from Code or a Sketch

Turns a code screenshot or rough sketch into a tidy OAuth 2.0 flow diagram with User, Client App, Authorization and Resource Servers, six labelled arrows, color-coded steps and monospace code callouts, at 2000×2000.

oauthtechnical diagramdocumentationdevelopercolor coding
Reference: I uploaded a screenshot of my code, or a rough sketch of the system, for an OAuth 2.0 flow.

Task: redraw it as a tidy OAuth 2.0 flow diagram meant for technical docs.

Components (use exactly these):
- User
- Client App
- Authorization Server
- Resource Server

Color code:
- blue (#2196F3) for actions taken by the user
- green (#4CAF50) for successful responses
- orange (#FF9800) for authorization steps

Labelled arrows, in this order:
1. Authorization Request
2. Authorization Grant
3. Access Token Request
4. Access Token
5. Protected Resource Request
6. Protected Resource

Style: modern and minimalist, lots of white space. Near the key arrows, add small callouts with code snippets in a monospace font.

Output: 2000×2000, optimized to be embedded in documentation.
More in Infographics & Diagrams
Amur Leopard Vintage Natural-History Infographic PosterNewInfographics & DiagramsGenerates an 8K natural-history poster of an Amur leopard walking toward the viewer, mixing hyper-real wildlife photography with anatomy callouts, taxonomy, habitat map, diet and footprint panels on aged sepia parchment.
Subject: an Amur leopard walking straight toward the camera, with ultra-detailed fur and eyes.
Format: an ultra-detailed wildlife infographic poster with a vintage scientific editorial design and a natural history museum feel.
Imagery: hyper-realistic wildlife photography blended with anatomical illustration, in the spirit of classic documentary nature-magazine photography.
Infographic content: anatomy callouts, a taxonomy classification, a map of where the species lives, panels on behavior, illustrations of its diet, a footprint shown to scale, and indicators of its conservation status.
Surface and color: aged parchment paper background, realistic environmental textures, an earthy sepia palette with muted gold accents and a subtle grunge texture.
Lighting: cinematic.
Layout and type: an educational infographic layout with a balanced asymmetrical composition and elegant typography; museum-quality print design, premium infographic finish, highly detailed scientific visualization.
Resolution: 8k.

Negative prompt: anime, cartoon, childish, vector art, flat design, neon colors, oversaturated, low quality, blurry, messy layout, distorted proportions, bad anatomy
Anime-Style Cartoon Infographic About You, from What ChatGPT KnowsNewInfographics & DiagramsAsks ChatGPT to use everything it knows about you to draw an infographic of you, rendered as a cartoon in anime style.
Use everything you know about me to create an infographic about me. Draw it as a cartoon image in anime style.
Detailed Mermaid Diagram of Any Concept or SystemNewInfographics & DiagramsBreaks a concept down into its parts, how they depend on each other, its loops, bottlenecks and decision points, then returns only the final Mermaid.js code for a detailed, well-organized diagram fit for documentation or executive slides.
Role: you are a technical systems architect and an information designer.

Concept: [concept]

Task:
1. Analyze the concept and break it down fully: list each component and each dependency, every feedback loop, every bottleneck, and every path where a decision is taken.
2. Write production-ready Mermaid.js code that renders a highly detailed, visually organized diagram of it.

The diagram must have:
- a logical hierarchy
- no syntax errors at all
- a professional layout
- clear labels
- readability as a priority
- a look suitable both for executive presentations and for technical documentation

Output: the final Mermaid code only, nothing else.
Encyclopedia-Style 3D Scientific Infographic CardNewInfographics & DiagramsTurns any topic into a square educational knowledge card: a detailed central 3D render with labeled pointers, surrounded by rounded info modules such as quick profile, functions, classification, microscope view, pros and cons and fun facts, in soft pastels.
Using [topic] as the subject, create a high-quality square image in the style of an encyclopedia-like 3D educational infographic.

Overall feel: a premium educational knowledge card that blends
- a modern encyclopedia page
- a biotech visualization interface
- a collectible scientific handbook
- a highly shareable infographic design
The look should recall modern editorial infographic layouts combined with advanced 3D scientific visualization software.

Composition:
- one large, ultra-detailed 3D render of the structure at the center
- refined scientific labels connected by pointer lines
- several modular information sections arranged around the main subject
- rounded information cards with clean visual separation
- small, refined icons and scientific symbols
- an obvious visual hierarchy across titles, subtitles, labels and body copy
- short but information-rich educational content

Sections to include where relevant:
- Quick Profile
- Structure Overview
- Key Functions
- Classification
- Biological Notes
- Scientific Facts
- Microscope View
- Pros & Cons
- Did You Know?

Visual requirements:
- 1:1 aspect ratio
- a clean light cream or off-white background
- a soft pastel scientific palette
- gentle shadows and soft depth
- thin, elegant dividers
- rounded information containers
- a balanced editorial layout
- high information density without clutter
- a modern biotech / laboratory software aesthetic

Goal: the finished image should look like a publishable page from a scientific encyclopedia and a collectible reference infographic.
Encyclopedia-Style Knowledge Card Infographic on Any TopicNewInfographics & DiagramsCreates a vertical educational infographic that reads like a page from a premium field guide: one detailed main image, zoomed detail callouts, rounded info panels, ratings or Top 5 modules, with sections chosen to fit your topic.
Topic: [topic]

Task: from the topic above, create a high-quality vertical educational infographic in an encyclopedia style.

What it must feel like (not a regular poster, not a plain illustration): a structured knowledge guide that blends
- a collectible reference handbook
- a modern encyclopedia page
- a lifestyle knowledge card
- an infographic made to be shared on social media

Overall style: a premium natural-history field guide crossed with modern editorial infographic design.

Contents of the image:
- one main image of the subject, beautiful and very detailed
- several zoomed-in detail views that point out its key features
- many modular information panels with rounded corners
- a clear hierarchy of titles, with key labels highlighted
- encyclopedia text that is brief but dense with information
- visual rating scales, quick summaries or "Top 5" modules

Information sections: adapt them to the topic on your own, picking and combining whichever of these are relevant:
- basic profile
- classification / taxonomy
- physical characteristics
- behavior / ecology / habits
- structure or how it forms / works
- growing conditions or ways of using it
- care, maintenance or optimization tips
- risks, warnings and important notes
- who it suits or where it applies
- pros and cons compared
- summary cards or quick rating tags

Visual requirements for the whole image:
- a clean, light background
- a soft, elegant palette
- gentle shadows
- small, refined icons
- rounded information boxes
- an organized editorial layout
- a lot of information without looking crowded
- comfortable to read

End result: it should look like a real encyclopedia knowledge card ready to publish, made to be read, collected and produced as one piece of a consistent series. It must NOT look like a commercial advertising poster.

The three things to stress most: knowledge integration, modular information design, and a handbook / reference-style presentation.