PicX Studio

Hilbert Curve Infographic

Generates an educational mathematical diagram explaining a degree 3 Hilbert curve, complete with a plotted graph, legend, and properties.

Hilbert Curve Infographic — AI image template example
GPT Image 2Free
ExampleHilbert Curve Infographic
Prompt
Settings
GPT Image 24:3
  • Prompt included
  • Model and format preset
  • Free template

The prompt behind this image

Copy the exact prompt behind Hilbert Curve Infographic, or open it in the studio and make it yours.

Structured prompt · 31 fields
Type
educational mathematical infographic
Header › Title
{argument name="main title" default="Hilbert Curve"}
Header › Subtitle
{argument name="degree subtitle" default="Degree 3 (Order 3)"}
Header › Equation
n = 3 -> 2^n x 2^n = 8 x 8 grid, 2^(2n) = 64 steps
Layout › Left Panel
large 2D line plot
Layout › Right Sidebar
stacked informational panels and text blocks
Main Graph › Axes › X Axis
labeled 'x (column index)' with ticks 0 to 7
Main Graph › Axes › Y Axis
labeled 'y (row index)' with ticks 0 to 7
Main Graph › Grid
{argument name="grid size" default="8x8"} dashed light gray lines
Main Graph › Curve › Description
continuous non-intersecting path filling the grid
Main Graph › Curve › Style
thick line with directional arrows
Main Graph › Curve › Colors
{argument name="curve colors" default="gradient transitioning through purple, blue, green, yellow, orange, and red"}
Main Graph › Curve › Markers
purple dot at bottom left labeled '00', blue dot at top left labeled '64'
Main Graph › Curve › Labels
various two-digit numbers scattered along the path vertices, such as 01, 02, 32, 65, 70
Sidebar › Sections › 0 › Title
Legend
Sidebar › Sections › 0 › Type
box with rounded corners
Sidebar › Sections › 0 › Count
4
Sidebar › Sections › 0 › Items
purple dot: 'Start (step 0)', blue dot: 'End (step 63)', black arrow: 'Direction of traversal', colored lines: 'Curve (colored by sub-quadrant progression)'
Sidebar › Sections › 1 › Title
Definition
Sidebar › Sections › 1 › Type
text block
Sidebar › Sections › 1 › Text
Hilbert curve of degree n maps the unit interval [0,1] onto the unit square [0,1]x[0,1] while preserving locality.
Sidebar › Sections › 2 › Title
Properties
Sidebar › Sections › 2 › Type
bulleted list
Sidebar › Sections › 2 › Heading
For degree 3:
Raw JSON
{
  "type": "educational mathematical infographic",
  "header": {
    "title": "{argument name=\"main title\" default=\"Hilbert Curve\"}",
    "subtitle": "{argument name=\"degree subtitle\" default=\"Degree 3 (Order 3)\"}",
    "equation": "n = 3 -> 2^n x 2^n = 8 x 8 grid, 2^(2n) = 64 steps"
  },
  "layout": {
    "left_panel": "large 2D line plot",
    "right_sidebar": "stacked informational panels and text blocks"
  },
  "main_graph": {
    "axes": {
      "x_axis": "labeled 'x (column index)' with ticks 0 to 7",
      "y_axis": "labeled 'y (row index)' with ticks 0 to 7"
    },
    "grid": "{argument name=\"grid size\" default=\"8x8\"} dashed light gray lines",
    "curve": {
      "description": "continuous non-intersecting path filling the grid",
      "style": "thick line with directional arrows",
      "colors": "{argument name=\"curve colors\" default=\"gradient transitioning through purple, blue, green, yellow, orange, and red\"}",
      "markers": [
        "purple dot at bottom left labeled '00'",
        "blue dot at top left labeled '64'"
      ],
      "labels": "various two-digit numbers scattered along the path vertices, such as 01, 02, 32, 65, 70"
    }
  },
  "sidebar": {
    "sections": [
      {
        "title": "Legend",
        "type": "box with rounded corners",
        "count": 4,
        "items": [
          "purple dot: 'Start (step 0)'",
          "blue dot: 'End (step 63)'",
          "black arrow: 'Direction of traversal'",
          "colored lines: 'Curve (colored by sub-quadrant progression)'"
        ]
      },
      {
        "title": "Definition",
        "type": "text block",
        "text": "Hilbert curve of degree n maps the unit interval [0,1] onto the unit square [0,1]x[0,1] while preserving locality."
      },
      {
        "title": "Properties",
        "type": "bulleted list",
        "heading": "For degree 3:",
        "count": 3,
        "items": [
          "Grid size: 8 x 8 = 2^3 x 2^3",
          "Total steps: 64 = 2^{2*3}",
          "Visits each of the 64 grid points exactly once in a continuous path."
        ]
      },
      {
        "title": "Quadrant structure (recursive)",
        "type": "2x2 colored grid",
        "count": 4,
        "boxes": [
          "Top-left blue: 'Q2 (steps 32-63)'",
          "Top-right yellow: 'Q3 (steps 48-63)'",
          "Bottom-left purple: 'Q0 (steps 0-31)'",
          "Bottom-right pink: 'Q1 (steps 16-47)'"
        ],
        "footer_text": "Each quadrant is a degree-2 Hilbert curve (recursively defined)."
      }
    ]
  }
}

How to use Hilbert Curve Infographic in 3 steps

  1. 1
    Upload ImagePNG, JPG or paste

    Add your photo

    Upload the photo the template builds on. The prompt, model and format are already set.

  2. 2
    …a portrait of your subject in softgolden-hour light, 85mm…

    Personalize

    Edit the subject and creative details for your destination.

  3. 3
    Generate

    Generate

    Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.

Make it yours

Hilbert Curve Infographic works as-is. These are the safest ways to change it without losing the look.

  • Change one field

    Copy a single group, rewrite it, and generate again so you can see what that field is doing.

  • Keep the frame, change the subject

    Hold the composition and light of Hilbert Curve Infographic, then swap wardrobe, props or the person for a new take.

Troubleshooting Hilbert Curve Infographic
If the result…WhyFix
The result drifts from the previewToo many fields changed at once.Reuse Hilbert Curve Infographic as-is first, then change one group — subject, light, or setting.
GPT Image 2 ignores part of the JSONSome models flatten or skip nested keys.Keep the same values and paste them as a short paragraph instead.

Hilbert Curve Infographic questions

How do I use the Hilbert Curve Infographic template?

Add your photo if the template asks for one, edit the prompt if you like — the template's model and format are already selected — and press Generate. Your version opens in PicX Studio.

Can I customize the Hilbert Curve Infographic template?

Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.

Is the Hilbert Curve Infographic template free?

Opening and editing this template is free. Generating uses credits, shown on the Generate button when you are signed in.

Which AI model should I use?

Start with GPT Image 2, which is the model associated with this template. You can compare another compatible model for a different finish.

Looking for something else? Browse all templates.

Your photo, any look

Thousands of ready templates for every top image and video model, from one credit balance.

FREEClaim Free Image Generation