The Accuracy Test

Create a single self-contained HTML file (inline CSS and JS only, no external libraries, no images) that renders a pixel-art sunflower on an HTML canvas. Follow this specification EXACTLY. Every rule is deterministic. Do not improvise, do not add flourishes, do not deviate.

CANVAS
- One <canvas> element with id="art", width exactly 512, height exactly 512.
- Disable image smoothing (ctx.imageSmoothingEnabled = false).
- The canvas is a 16 x 16 grid of cells. Each cell is exactly 32 x 32 pixels, with no gaps, no borders, no padding.
- Cell coordinates: x is the column index 0 to 15, left to right. y is the row index 0 to 15, top to bottom.
- Cell (x, y) occupies canvas pixels from (x*32, y*32) to (x*32+32, y*32+32).
- Every cell must be filled with exactly one flat solid color from the palette below. No gradients, no transparency, no anti-aliasing, no strokes, no outlines.

PALETTE (use these exact hex values, nothing else)
- BG            = #0B0B14
- DISC          = #4A2C10
- DISC_HIGHLIGHT= #7A4A1E
- PETAL_LIGHT   = #FFD447
- PETAL_DARK    = #E8A317
- STEM          = #3E7B27
- LEAF          = #56A93B

DRAWING RULES
Apply these rules in the exact order listed. A later rule overwrites the color set by an earlier rule.

Define d = (x - 7.5)^2 + (y - 5.5)^2  for each cell (x, y).

Rule 1: Fill all 256 cells with BG.
Rule 2: For every cell where d <= 6.25, set the cell to DISC.
Rule 3: For every cell where d <= 2.25, set the cell to DISC_HIGHLIGHT.
Rule 4: For every cell where d > 6.25 AND d <= 20.25, set the cell to PETAL_LIGHT if (x + y) is even, or PETAL_DARK if (x + y) is odd.
Rule 5: For every cell where x is 7 or 8, AND y is greater than or equal to 10 AND y is less than or equal to 15, set the cell to STEM.
Rule 6: Set exactly these eight cells to LEAF, given as (x, y): (5,12), (6,12), (4,13), (5,13), (9,12), (10,12), (10,13), (11,13).

CONSTRAINTS
- No text anywhere on the canvas.
- No animation, no requestAnimationFrame, no interactivity, no event listeners.
- No border, margin, or padding on the canvas element.
- Do not add a title, caption, legend, or any DOM element other than the canvas.

Return ONLY the raw HTML code. No explanation, no markdown fences, no commentary.

Create a single self-contained HTML file (inline CSS and JS only, no external libraries, no images) that renders the Mandelbrot set to an HTML canvas. Follow this specification EXACTLY. Every value is precise. Do not improvise, do not optimize away precision, do not deviate.

CANVAS
- One <canvas> element with id="frac", width exactly 400, height exactly 400.
- Render by writing directly into an ImageData buffer and calling putImageData once at the end.

COORDINATE MAPPING
- Pixel columns px run 0 to 399 inclusive, left to right.
- Pixel rows py run 0 to 399 inclusive, top to bottom.
- For each pixel, compute the complex constant c = cr + ci*i where:
    cr = -2.10 + (px / 400) * 3.00
    ci = -1.50 + (py / 400) * 3.00
  Use the pixel's top-left corner exactly as written above. Do NOT add 0.5 for pixel centering.

ITERATION
- Start with z = 0 (zr = 0, zi = 0).
- Iterate z = z*z + c.
- Complex squaring: new zr = zr*zr - zi*zi + cr, new zi = 2*zr*zi + ci. Compute the new zi using the OLD zr value.
- Let MAX_ITER = 120.
- Escape condition: the point escapes when zr*zr + zi*zi > 4.0. Test this condition BEFORE performing each iteration step, starting from the initial z = 0.
- Let n be the number of completed iteration steps at the moment the escape condition is first satisfied. If the escape condition is never satisfied within MAX_ITER steps, the point is considered inside the set.

COLORING
- If the point is inside the set, the pixel is exactly rgb(0, 0, 0), alpha 255.
- If the point escaped, compute t = n / 120, then:
    R = Math.floor(255 * t)
    G = Math.floor(255 * t * t)
    B = Math.floor(255 * Math.sqrt(t))
  Clamp each channel to the range 0 to 255. Alpha is 255.

CONSTRAINTS
- No animation, no requestAnimationFrame, no interactivity, no event listeners.
- No text anywhere on the canvas.
- No smoothing, no scaling, no CSS transforms on the canvas.
- Do not add any DOM element other than the canvas.

Return ONLY the raw HTML code. No explanation, no markdown fences, no commentary.