Home / Image & Visual / Infographics & Diagrams

Tree-Structure Infographic from Research or Your Own Document

Builds a clean tree infographic in two moves: first a hierarchy of 3 to 6 dimensions with sub-elements, researched on a topic or extracted only from your file or video; then a 16:9 tree with icons in your chosen style, plus an optional gradient background.

infographictree diagramresearchchatgpt imagesicons
  1. Phase 1 — Research a topic (option A)
    Topic: [topic]
    Audience: [audience]
    
    Task: tell me the most essential things about this topic that this audience needs to know. Rely on authoritative, up-to-date information, put accuracy and substance first, and bring out the ideas that truly carry the topic rather than generic background.
    
    Structure:
    - Organize what you find as a clear hierarchy.
    - Identify 3 to 6 primary dimensions that cover the core aspects of the topic. Give each a concrete, descriptive heading of 1 to 3 words, never a generic one.
    - Below every dimension, list 2 to 5 key elements one level deeper, each with its own specific heading of 1 to 3 words; avoid vague labels.
    - Every dimension and element must relate directly to the topic. Aim for a balanced structure, as far as the content honestly permits.
    
    Content for each dimension and element:
    - a short explanatory paragraph written in complete, fluent sentences
    - a definition of any term that needs one
    - one concrete example showing the concept in practice
    
    Rules: be specific and substantive. Do not add a "Why it matters" section or filler transitions. Keep every heading as short as possible. Skip any introductory paragraph and go straight into the topic.
  2. Phase 2 — Extract the hierarchy from your file or video (option B)
    Input: the attached file or the video link I have shared.
    
    Task: read the attached material closely and identify the most important information in it.
    
    Ground rules:
    - The attached material is the only authority. Do not bring in outside facts, examples, framings or terms that it does not support.
    - If the material is too thin or too narrow for the structure below, tell me so honestly and propose the deepest hierarchy it can really support, instead of filling gaps with invented content.
    
    Step 1: work out what the material is truly about at its core (beyond its surface title) and the audience it would serve best. State each in one short phrase at the start, then continue.
    Step 2: keep only the ideas that carry weight. Leave out introductions, filler, sponsor segments, digressions and recaps.
    Step 3: reorganize those ideas as a clear hierarchy:
    - 3 to 5 primary dimensions covering the core aspects of the material, each with a concrete, descriptive heading of 1 to 3 words, never generic
    - under each dimension, 2 to 4 key elements one level deeper, each with a specific heading of 1 to 3 words; avoid vague labels
    - if some dimensions are covered in depth and others only briefly, favor what is truly substantive over forced symmetry: a solid 3×2 is better than an empty 5×4
    - every dimension and element must be rooted directly in the material
    
    Content for each dimension and element:
    - a short explanatory paragraph in complete, fluent sentences, based only on what the material says
    - definitions that follow the material's own framing
    - one concrete example taken from the material (a quote or a faithful close paraphrase); if the material offers no clear example for an element, say so briefly rather than making one up
    
    Rules: be specific and substantive. Do not add a "Why it matters" section or filler transitions. Keep every heading as short as possible. Skip any introductory paragraph and go straight into the topic.
  3. Phase 3 — Render the tree infographic
    Using the hierarchy from the research above, generate an image: a clean, professional tree-structure infographic in 16:9 landscape format.
    
    Background:
    - Not pure white: use a subtle textured background (soft parchment or light warm gray texture) so the canvas feels less harsh.
    - Strong contrast between the background and every element: the title, the subtitle, the fill of each node, the connectors, icons, labels and the footer pills all need to stand out crisply. Text inside each node must contrast strongly with that node's fill.
    - Atmosphere: one large silhouette or scene illustration on the theme of the topic, in the same style as the icons, bleeding in from one edge (bottom left or right). Keep it at 6 to 10% opacity: it should feel like atmosphere, never like content. It must never overlap the tree, the header or the footer; it only lives in the empty space along that edge.
    - Then a second, smaller thematic silhouette or scene illustration tied to the topic, in the same icon style, bleeding in from one edge (top left or right).
    
    Header (top left):
    - Derive a title of 3 to 6 words that captures the core topic, in a large, bold, modern sans-serif.
    - Directly below it, write one descriptive subtitle line that brings in context taken from the research, in regular weight, clearly smaller than the title (about 40-50% of its size), same font family.
    - Leave generous space between the header and the tree.
    
    Tree body (center):
    - Map the hierarchy as a top-down tree.
    - Root node at top center: only the central icon (a little larger than the icons of the categories), with the name of the topic written in bold right below it. No fill, no colored box, no border: a clean visual anchor that does not compete with the rest.
    - Connectors start beneath the root text and run down to the primary categories, each of which fans out into its sub-items. Keep the number of branches symmetrical where the content allows.
    - Connectors: thin, subtle light gray lines on smooth curved paths (not straight), giving a softer, organic flow, with gently rounded joins where they meet each node.
    - Leave generous vertical space between the primary category nodes and their secondary items, so nothing feels cramped.
    - Every primary and secondary node is a stylish rounded rectangle with a subtle gradient fill and a soft drop shadow for depth (no flat colors). Each holds one icon with a short label below or beside it.
    - Primary labels in bold; secondary labels in regular weight, for a clear hierarchy.
    
    Breakout icons (primary nodes only):
    - On each primary category node, let the icon poke slightly above the upper border of its box, with roughly 15 to 25% of the icon sitting beyond the boundary. This editorial breakout adds depth and energy and raises the primary categories visually over the secondary nodes, which stay contained.
    - Keep it subtle and limited to the top edge: not on the sides, not at the bottom, not exaggerated, and not colliding with connectors, the root node or nearby boxes.
    - Secondary nodes keep their icons fully inside the box, to protect the hierarchy and avoid visual clutter.
    
    Icon system:
    - Icons drawn in [icon style, for example isometric, flat-vector, cartoon, doodle, line-art, 3D-clay, minimal, corporate or photorealistic] style.
    - A coordinated palette of 4 to 6 colors, vibrant but balanced, with the same saturation across all icons.
    - Each icon is about as tall as the text that goes with it.
    - Give every icon a subtle glow or a soft outline so it stands out from its node background.
    - If a brand is mentioned, use its original logo.
    
    Footer (bottom, centered):
    - One row of small, understated rounded tag pills with a gentle fill, evenly spaced and clearly smaller and quieter than the primary nodes, so they do not compete with the main content.
    - Each pill holds a short explanatory keyword for one primary category, only where it is useful, and never repeats the text already used in that category's items.
    - Pill text is small, in all caps or sentence case, in the same font family as the header.
    - Every pill takes the fill color of the primary node it matches above, creating a visual thread between the footer and the tree, with the same subtle gradient and shadow as the primary nodes, scaled down to the pill size.
    
    Constraints:
    - Typography stays crisp; text never overlaps; the tree area has no decorative noise.
    - No low-contrast text, either against the background or inside nodes.
    - Background ambient illustrations stay under 15% opacity and never touch the tree, the header or the footer.
    - Every node must be readable at thumbnail size.
    - The root node stays icon-only with bold text beneath it: never place it in a colored box or a border.
    - Strict top-down hierarchy, no crossing lines.
  4. Phase 4 — Optional gradient background
    Change the background of the infographic to a gradient running from [color 1] to [color 2].
    
    Keep the layout, the hierarchy, the icons and all the content exactly as they are. You are free to recolor nodes, icons, labels, the title, the subtitle and any text wherever needed, so that every element keeps strong contrast against the new background.
Download pack .md
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.