• Libraries
  • Community
  • Pricing
  • Affiliate
  • Resources

Libraries

Community
Pricing
Affiliate

Resources

Follow us on:
Help center
  • 🚀Get started
    • What is UXMagic?
    • Create your first project
    • The canvas, projects and screens
    • Writing a prompt that gets what you want
    • Keyboard shortcuts
    • Your account and profile
  • ✨Generate designs
  • 🎨Design & edit
  • 📦Export & handoff
  • 🌐Publish a live site
  • 🤝Share & collaborate
  • 🔌Integrations & developers
  • 💳Plans, credits & billing
  • 🛠Troubleshooting

Still stuck?

Our team answers from inside the product.

Contact support →
  1. Help center/
  2. Troubleshooting/
  3. Charts or animations aren't rendering

Charts or animations aren't rendering

Why a chart shows an empty box, and what to do about interactive elements.

Last updated 27 August 2026

On this page

  • Empty box where a chart should be
  • Animations don't play
  • After exporting
  • Reporting it

Empty box where a chart should be#

Charts are drawn by a script into a canvas element. If the screen is re-rendered without re-running that script — after a reload, a version switch, or a save — the element survives but the drawing doesn't, and you get an empty box.

What to try

  1. Reload the project. Often enough.
  2. Ask for the chart to be rebuilt on that screen.
  3. Ask for a static chart instead if it just needs to look right in a design: "Replace the chart with a static SVG version." Static charts survive every save and export, which for a design deliverable is usually what you want.

Animations don't play#

Same root cause. Designs are stored as markup, and behaviour that depends on scripts running at the right moment doesn't always survive a round trip. For anything motion-heavy, design the static frames here and implement the motion after export.

After exporting#

Exported code contains what was on the screen. If a chart was blank on the canvas, it's blank in the export. Fix it before exporting, or wire the real chart library up in your own codebase — which you'll want to do anyway once it's showing real data.

Reporting it#

If a chart is reliably blank on a specific screen, contact support with the project link and screen name.

Was this article helpful?

Related articles

A screen is blank or empty

Empty frames after a plan, blank canvas on open, and screens that render nothing.

Export code (HTML, React, Tailwind)

Export a single screen or a whole project as production-ready front-end code.

Contact support

How to reach us, and what to include so we can fix it on the first reply.

← PreviousGeneration is slow or stuckNext →Contact support

On this page

  • Empty box where a chart should be
  • Animations don't play
  • After exporting
  • Reporting it

your next idea
deserves to exist

stop thinking about it. just type it out. Badly, half- formed, whatever. We'll turn it into something real.

Product

  • Community
  • Pricing Plans
  • Affiliate Program
  • UXMagic MCP
  • Claude MCP
  • AI info

Resources

  • Help Center
  • Figma Library
  • React Library
  • Mobile App Templates
  • Documentation
  • Tutorials

Features

  • Prompt to UI
  • Image to UI
  • Sketch to UI
  • Clone website
  • Import from Figma
  • All Features

Compare

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • All Competitors

Blogs

  • AI in UX Design Workflow: What Actually Works
  • Prompt Templates for SaaS Dashboards
  • Real Prompts We Use to Generate Product Flows
  • Prompt Engineering for UX Designers
  • Best Wireframing Tools in 2026: 10 Free & Pro Options Compared
  • All Blogs

Company & Support

  • Careers
  • Contact Us
  • Privacy Policy
  • Terms of Use
  • Cookie Settings

© 2026 UXMagic AI Technologies Inc.