[Feature Request] SVG Artifact Viewer and Enhanced Code Block Display

[adithyanraj03]

🚀 Feature Request

Add SVG preview functionality and proper code block formatting for generated SVG content, similar to Claude's artifact viewer.

🔍 Problem Statement / Background

As a Perplexity Pro subscriber, I'm currently forced to use two AI platforms because of a critical workflow limitation with SVG generation and artifact viewing.

This affects my subscription decisions and platform consolidation goals. I want to consolidate to one platform, but one key feature gap is preventing this transition.

Current Issue

In Claude, when I generate SVG code, it displays the code in a proper code block artifact and provides options to either "view the SVG" or "view its code." I've attached a response image showing this functionality.

Using the same Claude model in Perplexity with identical prompts, I receive nearly identical SVG code output. However, Perplexity's editor does not format the SVG script in a proper code block, nor does it provide an option to preview the SVG.

Potential Bug: Since the SVG code is not displayed in a code block, copying the content doesn't work properly - the SVG code doesn't get copied to the clipboard. As a workaround, I have to download the markup file of the response, extract the SVG code from it, and then paste it into an online SVG viewer to actually see the visual output.

Current Behavior in Perplexity:

• SVG code is generated but displayed as plain text without proper code block formatting
• No artifact viewer or preview functionality
• Copy functionality fails - SVG content doesn't copy properly from the response
• Workaround required: Download markup file → Extract SVG code → Use external SVG viewer

added ss for reference at the bottom

Expected Behavior (Reference: Claude's Implementation):

• SVG code displayed in proper code blocks
• Artifact viewer with interactive options:
• View SVG button to render the visual output
• View Code button to show/hide source code
• Copy functionality that works correctly
• Seamless workflow without requiring external tools

💡 Proposed Solution

• You guys already have access to Claude models that generate quality SVG code
• Code block syntax highlighting (likely already supported) - adapt for Svg i guess 😊
• Artifact viewer component for rendering SVG
• Enhanced copy functionality -> UI controls for switching between code/preview modes pls 😁

✌️✌️

This feature request comes from Pro user actively using Perplexity for research and development work. The artifact viewing capability would significantly enhance the platform's value for technical users and researchers who frequently generate visual content and code.

Claude Chat : Output :

Perplexity : Output :

[vikvang]

Thanks for the input! Will forward to the team.