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
- 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.
- 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.
- 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.
- 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.